HTML+CSS+JavaScript

Имется список:
<select name="login" size="7">
<option></option>
</select>
А так же кнопка и поле input
Необходимо чтобы при нажатии кнопки, текст в Input добавлялся в select.
Жду помощи.

<select id='login' name='login' size='7'> <option></option> </select><br/> <input id='text' /><br/> <input type='button' onClick='add()' value='Добавить' /> <script> function add() {   var login = document.getElementById('text').value;   document.getElementById('login').innerHTML += "<option value='" + login + "'>" + login + '</option>'; } </script>

Не проверял, но должно работать

Хм..что-то не работает..

Если нужна кроссбраузерность, то, как ни странно, спасет только полное удаление select`a и построение его по новой методами DOM (пример попозже выложу).
Если устроит работа только в IE и FF то используйте массив options объекта select. Например так:

var opt = new Option('text', 'value'); var sel = document.getElementById('login'); sel.options[sel.options.length] = opt;

А как насчет выше написанного способа? Он рабочий?

Да, полностью рабочий, проблемы могут возникать в браузере Opera, из-за того, что она принципиально не любит, когда пытаются что-то сделать с select`ами =)

У меня в опере всё прекрасно :)

Всем спасибо,я остановился на таком скрипте:
<SCRIPT type=text/javascript>
function add()
{
var tex = document.getElementById('text').value
var opt = new Option(tex, 'value');
var sel = document.getElementById('login');
sel.options[sel.options.length] = opt;
}
</script>

Может есть еще предложения?

Пардон, просто вспомнил, какой ужас у меня начинался в Опере, когда потребовалось динамически создавать и удалять элементы в нескольких select`ах, в этом случае и приходится использовать вариант с удалением/созданием select`а.

//IE6, FF2.0.0.3, Opera8.52 <script> function myFunc () { var t = document.createElement ("OPTION"); t.text = document.getElementById ('opText').value; document.getElementsByName ('login') [0].options.add (t); } </script> <select name="login" size="7"> <option></option> </select> <input id="opText"> <input type="button" value="Add option" onclick="myFunc ()">