Данный объект представляет элемент <select> в HDOM.
Помимо специальных методов и свойств объект имеет также стандартные методы и свойства.
| Методы и свойства | Описание |
|---|---|
| form | Позволяет обратится к форме, частью которой является данный элемент. |
| length | Возвращает количество пунктов в выпадающем списке. |
| multiple | Возвращает или устанавливает значение атрибута multiple данного элемента. |
| name | Возвращает или устанавливает значение атрибута name данного элемента. |
| option | Возвращает массив позволяющий обратится ко всем пунктам в выпадающем списке. |
| selectedIndex | Возвращает позицию (индекс) выбранного элемента списка. |
| add() | Позволяет добавить элемент в выпадающий список. |
| remove() | Позволяет удалить элемент из выпадающего списка. В качестве атрибута методу необходимо передать позицию удаляемого элемента в списке. |
Пример
function remopt()
{
document.getElementsByTagName('select')[0].remove(2);
}
function addopt()
{
var opt=document.createElement('option');
opt.text='Франция';
/* Второе значение метода add указывает после какого элемента списка добавлять
новый элемент, null значит 'добавить в конец списка' */
document.getElementsByTagName('select')[0].add(opt,null);
}
....
<form name='Страны'>
<select name='КРС'>
<option>Китай</option>
<option selected='selected'>Россия</option>
<option>США</option>
</select>
<input type='button' value='Удалить последний элемент списка' onclick='remopt()' />
<input type='button' value='Добавить элемент в список' onclick='addopt()' />
</form>
....
document.write(document.getElementsByTagName('select')[0].form.name+'<br />');
document.write(document.getElementsByTagName('select')[0].multiple+'<br />');
document.write(document.getElementsByTagName('select')[0].length+'<br />');
document.write(document.getElementsByTagName('select')[0].name+'<br />');
document.write(document.getElementsByTagName('select')[0].selectedIndex+'<br />');