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對象。并使用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對象。并使用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 對象完整性)
- javascript 動(dòng)態(tài)創(chuàng)建 Option選項(xiàng)
- javascript據(jù)option的value值快速設(shè)定初始的selected選項(xiàng)
- 改進(jìn)版:在select中添加、修改、刪除option元素
- javascript對select標(biāo)簽的控制(option選項(xiàng)/select)
相關(guān)文章
jQuery動(dòng)態(tài)添加li標(biāo)簽并添加屬性和綁定事件方法
下面小編就為大家分享一篇jQuery動(dòng)態(tài)添加li標(biāo)簽并添加屬性和綁定事件方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02jquery調(diào)整表格行tr上下順序?qū)嵗v解
這篇文章主要為大家介紹了jquery調(diào)整表格行tr上下順序?qū)嵗?,具有一定的參考價(jià)值,感興趣的朋友可以參考一下2016-01-01jQuery插件HighCharts實(shí)現(xiàn)氣泡圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件HighCharts實(shí)現(xiàn)氣泡圖效果,結(jié)合完整實(shí)例形式分析了jQuery插件HighCharts繪制氣泡圖的實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jquery 綁定回車動(dòng)作撲捉回車鍵觸發(fā)的事件
這篇文章主要介紹了jquery如何撲捉回車鍵觸發(fā)的事件,需要的朋友可以參考下2014-03-03js jquery獲取當(dāng)前元素的兄弟級 上一個(gè) 下一個(gè)元素
js獲取方法要比jq的方法麻煩的多,主要是因?yàn)镕F瀏覽器,因?yàn)镕F瀏覽器也會把換行當(dāng)作dom元素,下面跟著小編一起來學(xué)習(xí)js jquery獲取當(dāng)前元素的兄弟級 上一個(gè) 下一個(gè)元素的,需要的朋友一起來學(xué)習(xí)吧2015-09-09jQuery Autocomplete自動(dòng)完成插件
jQuery Autocomplete plugin 寫的比較滿意,拿出來分享,歡迎大家找BUG。2010-07-07一個(gè)JQuery寫的點(diǎn)擊上下滾動(dòng)的小例子
分享一個(gè)JQuery寫的點(diǎn)擊上下滾動(dòng)的小例子,學(xué)習(xí)jquery的朋友可以參考下。2011-08-08