изменять значения селектбоксов javascript

[popeye]

изменять значения селектбоксов javascript

здраствуйте!
может быть вопрос легкий, но поиск не помог, и в яваскрипте я не силен.

дано 3 селект бокса

<select name=type>
<option value=1>1</option>
<option value=2>2</option>
</select>

Надо что-бы при type=1 (без рефреша страницы т.е. яваскриптом) и по умолчанию выводился следующий селект:
<select name=B>
<option value=1>1</option>
<option value=2>2</option>
</select>

при type=2 следующий
<select name=B>
<option value=3>3</option>
<option value=4>4</option>
</select>

и чтобы это было без рефреша страницы (т.е. javascript'ом)
спасибо.

 

[vasa_c]

Нужно удалить из selecta два элемента и добавить 2 других.

Смотреть документацию на предмет DOM-методов

getElementById()
removeChild
appendChild
createElement
createTextNode

 

[popeye]

а по проще никак? чтобы без dom методов? может быть какой-нубть document.write()?
селекты статические..

или по другому яваскриптом решить эту задачу невозможно?

 

[vasa_c]

popeye, проще (в плане количества кода) может быть и можно, но не нужно.

Вообще если было 2 и осталось 2, то можно не удалять/заменять, а их и использовать.

opt.setAttibute( "value", 3 ); // Новое значение для OPTION
opt.removeChild( opt.firstChild ); // Удаление текста из OPTION
opt.appendChild( document.createTextNode( "3" ) ); // Новый текст внутри OPTION.

 

[ybilevych]

while (form.B.length > 0)
form.B.options[0] = null; //очистить список

option = new Option("Name", Index); //создать новый элемент
form.B.options[form.B.length] = option; // добавить его к списку

Должно работать