當前位置:才華齋>設計>網頁設計>

javascript操作select元素案例分析

網頁設計 閱讀(2.93W)

本文例項講述了javascript操作select元素的.用法。分享給大家供大家參考。具體分析如下:

javascript操作select元素案例分析

這裡熟悉一下js對select元素的操作,html頁面中建立一個form,其中包含一個select元素和submit按鈕。

當選擇select中某一項時改變其文字,當select中所有項的文字都改變後,重新恢復它們。

當按下submit時關閉視窗本身,程式碼如下:

function do_change(elt){ var text = elt[ctedIndex]rHTML; if(!h(/[/)) elt[ctedIndex]rHTML += " [duang]"; var is_all_seleted = true; for(var i=0;i

opt A

opt B

opt C

opt D

opt E

在firefox中一開始貌似無法關閉視窗本身,後來發現在about:config中設定w_scripts_to_close_windows為true即可。

如果每個select中的選項變化沒有規律,則可以寫一個on_change_ex來處理,程式碼如下:

function do_change_ex(me){ var text = me[ctedIndex]rHTML; if(!h(/[/)){ me[ctedIndex]_bak = me[ctedIndex]rHTML; me[ctedIndex]rHTML += " [duang]"; me[ctedIndex]_changed = true; } var is_all_seleted = true; for(var i=0;i<th;++i){ if(!me[i]_changed){ is_all_seleted=false; break; } } if(is_all_seleted){ alert("all duang!!!nand reset it!!!"); for(var i=0;i<th;++i){ me[i]rHTML=me[i]_bak; me[i]_changed=false; } }}