javascript刪除select下拉選單項程式碼例項

螞蟻小編發表於2017-03-16

select下拉選單是常用的元素,下面就介紹一下如何刪除下拉選單的項,希望能夠給需要者帶來幫助。

一.刪除select下拉選單中的指定項:

[JavaScript] 純文字檢視 複製程式碼
var oSel=document.myform.theSelect; 
oSel.removeChild(oSel.options[0]);

以上程式碼會刪除select下拉選單的第一項,刪除其他項可以指定相應的索引值即可。

二.刪除select下拉選單的所有項:

方法一:

[JavaScript] 純文字檢視 複製程式碼
var oSel=document.myform.theSelect; 
while(oSel.options.length>0){ 
  oSel.removeChild(oSel.options[0]); 
}

方法二:

[JavaScript] 純文字檢視 複製程式碼
var oSel=document.myform.theSelect; 
oSel.options.length=0

相關文章