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