DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery 操作option的實現代碼
jQuery 操作option的實現代碼
編輯:JQuery特效代碼     
js清空option之前清空option ,我的做法是遍歷現有option,將其每個子元素都置空即可。現在使用jQuery來實現,我們只需要調用其支持的empty方法即可。

empty()

刪除匹配的元素集合中所有的子節點。
再加上,我們要設默認值,所以此處清空select下所有option的方法,使用下面語句即可:
代碼如下:
$('#selectId').empty().append( $("<option>這裡放默認值</option>") );

js動態創建option
之前的做法,是借用其中間函數,來實現遍歷Ajax返回的json對象。並使用new Option來創建option.現在我使用如下方法處理
代碼如下:
for(var i = 0,len = jsondata.length; i<len; i++){
$('#selectId').append($("<option value='"+jsondata[i].val+"'>"+jsondata[i].txt+"</option>"));
}

好像也可以這麼寫:
代碼如下:
$('#selectId').append("<option value='"+jsondata[i].val+"'>"+jsondata[i].txt+"</option>");
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved