VPF::динамический select - Форум программистов

mastercz

Дата 5.9.2009, 10:50 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 112
Регистрация: 5.11.2008

Репутация: нет
Всего: нет

Добрый день.
При заполнении селекта, его ширина меняеться в FireFox строка автоматически подвигаеться в право. В IE 7 строка остаеться на месте и селест налазит на следующие за ним (контролы или текст).
При изменении размера - IE перерисовывает все правильно.
Как заставить IE отображать страницу с динамически заполненным селесктом верно.
(и если можно пример).
Заранее благодарю за ответ.

brother79

Дата 5.9.2009, 11:55 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 471
Регистрация: 18.8.2009

Репутация: 1
Всего: 6

Я толком не понял в чём проблема, обычно если что-то невлизает - ему всегда можно явно задать ширину и отступы в css как и к любому диву, и всё нормально вписывается

--------------------

http://www.nastandart.com

diadiavova

Дата 5.9.2009, 11:58 (ссылка)

(нет голосов)

Загрузка ...

Доктор Зло(диагност, настоящий, с лицензией и полномочиями)

Профиль
Группа: Модератор
Сообщений: 5821
Регистрация: 14.8.2008
Где: В Коньфпольте

Репутация: 8
Всего: 142

Видимо я не понял вопрос, потому что в этом примере у меня ничего никуда не наползает

Код


<html>
<head>
    <title>Динамическое изменение селекта</title>
    <meta http-equiv="content-type" content="type=text/html;charset=windows-1251" />
</head>
<body>
    <p>
        <select id="select1">
            <option>option1</option>
            <option>option2</option>
            <option>option3</option>
        </select>
        Текст следующий за селектом<br />
        <input id="button1" type="button" value="изменить значение" onclick="return Button1_onclick()" />

        <script type="text/javascript">
            function setSelOpt()
            {
                document.getElementById("select1").options.item(0).innerHTML = "какой-нибудь очень длинный текст";
            }

            function Button1_onclick()
            {
                setSelOpt();
            }

        </script>

    </p>
</body>
</html>

--------------------

Хочешь получить мудрый совет - читай подписи участников форумов.
Злой доктор Щасзаболит smile

mastercz

Дата 7.9.2009, 01:00 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 112
Регистрация: 5.11.2008

Репутация: нет
Всего: нет

diadiavova, спасибо за отклик. Немного поправил твой пример под мою ошибку.
Если можешь, прокоментируй.

Код


<html>
<head>
    <title>Динамическое изменение селекта</title>
    <meta http-equiv="content-type" content="type=text/html;charset=windows-1251" />
</head>
<body >
    <p>
        <select id="select1">
            <option>option1</option>
            <option>option2</option>
            <option>option3</option>
        </select>

        Текст следующий за селектом<br />
        <input id="button1" type="button" value="изменить значение" onclick="return Button1_onclick()" />
        <script type="text/javascript">
            function setSelOpt()
            {
               var hSelect= document.getElementById("select1");

            var obj=document.createElement('option');
            obj.appendChild(document.createTextNode("Привет МИР !!!"));
            obj.setAttribute("value",document.createTextNode('12'));
            hSelect.appendChild(obj); 
            }
             function Button1_onclick()
            {
                setSelOpt();
            }
        </script>
    </p>
</body>
</html>

diadiavova

Дата 7.9.2009, 04:16 (ссылка)

(нет голосов)

Загрузка ...

Доктор Зло(диагност, настоящий, с лицензией и полномочиями)

Профиль
Группа: Модератор
Сообщений: 5821
Регистрация: 14.8.2008
Где: В Коньфпольте

Репутация: 8
Всего: 142

Значение value элементу option можно присвоить с помощью соответствующего свойства.
Вместо

Код


            obj.setAttribute("value",document.createTextNode('12'));

можно написать

Код


            obj.value = '12';

А вообще методу setAttribute второй аргумент надо в виде строки передавать(хотя в данном случае и это не понадобится).

Код


        anyElement.setAttribute( "attributeName", "attributeValue");

--------------------

Хочешь получить мудрый совет - читай подписи участников форумов.
Злой доктор Щасзаболит smile

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »