javascript options屬性集合作業碼

複製代碼 代碼如下:<form name="testform">
<select name="testselect">
<option value="first">first option</option>
<option value="second">second option</option>
<option value="third">third option</option>
<option>your browser can't handle this script</option>
</select>
</form>

用下面的代碼可以訪問到下拉框中選項： 複製代碼 代碼如下:// 得到選項對象
document.forms['testform'].testselect.options[i]

如果你想刪除option 複製代碼 代碼如下:document.forms['testform'].testselect.options[i] = null;

把這個選項對象標誌為null，這個選項就完全從列表中刪除了。
注意：這個操作會影響option的數量。假設在上面的執行個體中，你刪除了option[1] ，原來的option[2] 元素('Third option')會變成option[1] 元素（option元素按照先後順序頂上去）。
建立一個新的option，如下： 複製代碼 代碼如下:document.forms['testform'].testselect.options[i] = new Option('new text','new value');

使用者在頁面中看到option顯示的文本和value值是這個option的VALUE 屬性。
當表單提交時，VALUE 值傳遞到WEB伺服器。
如果想要全部清空 select box 中的options, 如下： 複製代碼 代碼如下:document.forms['testform'].testselect.option.length = 0;