jQuery 操作option的實現(xiàn)代碼
更新時間：2011年03月03日 11:43:31 作者：
js清空option之前清空option ，我的做法是遍歷現(xiàn)有option，將其每個子元素都置空即可。
js清空option之前清空option ，我的做法是遍歷現(xiàn)有option，將其每個子元素都置空即可?，F(xiàn)在使用jQuery來實現(xiàn)，我們只需要調(diào)用其支持的empty方法即可。
empty()
刪除匹配的元素集合中所有的子節(jié)點。
再加上，我們要設默認值，所以此處清空select下所有option的方法，使用下面語句即可：
$('#selectId').empty().append( $("<option>這里放默認值</option>") );
js動態(tài)創(chuàng)建option
之前的做法，是借用其中間函數(shù)，來實現(xiàn)遍歷Ajax返回的json對象。并使用new Option來創(chuàng)建option.現(xiàn)在我使用如下方法處理
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>");
empty()
刪除匹配的元素集合中所有的子節(jié)點。
再加上，我們要設默認值，所以此處清空select下所有option的方法，使用下面語句即可：
復制代碼 代碼如下:
$('#selectId').empty().append( $("<option>這里放默認值</option>") );
js動態(tài)創(chuàng)建option
之前的做法，是借用其中間函數(shù)，來實現(xiàn)遍歷Ajax返回的json對象。并使用new Option來創(chuàng)建option.現(xiàn)在我使用如下方法處理
復制代碼 代碼如下:
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>");
您可能感興趣的文章:
- js 操作select和option常用代碼整理
- jquery操作select option 的代碼小結(jié)
- javascript各瀏覽器中option元素的表現(xiàn)差異
- firefox下獲取下列框選中option的text的代碼
- javascript select options 排序(保持option 對象完整性)
- javascript 動態(tài)創(chuàng)建 Option選項
- javascript據(jù)option的value值快速設定初始的selected選項
- 改進版：在select中添加、修改、刪除option元素
- javascript對select標簽的控制(option選項/select)
相關(guān)文章
本文主要介紹了jQuery實現(xiàn)全選&全不選&非全選,具有很好的參考價值,下面跟著小編一起來看下吧2017-03-03
本文主要介紹了jQuery實現(xiàn)一個簡單輪播圖的方法，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
jquery實現(xiàn)的讓超出顯示范圍外的導航自動固定屏幕最頂上
經(jīng)常會遇到這樣的情況，當頁面展示內(nèi)容過長時，想點導航切換欄目，就得把滾動條拉回到頂上，這樣操作總不太人性化，能不能讓導航超出顯示范圍外時自動貼在屏幕最頂上呢？答案肯定是能的。如果不太明白，把滾動條拉到下面點，看下我博客是效果就明白了。2011-09-09
這篇文章主要介紹了jQuery實現(xiàn)獲取當前鼠標位置并輸出功能,涉及jQuery事件響應及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-01-01
轉(zhuǎn)自Jquery官方 jQuery1.1.3發(fā)布,速度提升800%,體積保持20K
轉(zhuǎn)自Jquery官方 jQuery1.1.3發(fā)布,速度提升800%,體積保持20K...2007-08-08
jquery中關(guān)于inArray()函數(shù)的詳細使用說明2011-10-10
這篇文章主要為大家詳細介紹了jQuery擦除插件eraser的使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
jquery對Json的各種遍歷方法總結(jié)(必看篇)
下面就為大家?guī)硪黄猨query對Json的各種遍歷方法總結(jié)(必看篇)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
本文主要對單行文本框、多行文本框應用、復選框應用、下拉框應用、表單應用進行實例分析介紹。具有很好的參考價值，需要的朋友一起來看下吧2016-12-12
鼠標拖動圖片的效果想必大家都有見到過吧，其實實現(xiàn)起來很簡單的，下面使用query來實現(xiàn)下，感興趣的朋友不要錯過2014-01-01