jquery動(dòng)態(tài)添加以及遍歷option并獲取特定樣式名稱的option方法
實(shí)例如下所示:
<pre name="code" class="html"><script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <select class="form-control" id='selectId'> <option class="all" value="0">全部</option> <option class="all" value="1">os2</option> <option>os2-anthonos</option> <option>os2-apps</option> <option>os2-centralpoint</option> <option>kf5-experimental</option> </select> <script> //動(dòng)態(tài)添加option //$("#selectId").append("<option value='"+value+"'>"+text+"</option>"); $(document).ready(function(){ var string = ""; $("#selectId option").each(function(){ //遍歷全部option var text = $(this).text(); //獲取option的text var value = $(this).val(); //獲取option的value if($(this).attr("class")=="all") string +="{"+text+":"+value+"}"; }); alert(string.substring(0,string.length)); }); </script>
以上這篇jquery動(dòng)態(tài)添加以及遍歷option并獲取特定樣式名稱的option方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- 利用js給datalist或select動(dòng)態(tài)添加option選項(xiàng)的方法
- jQuery動(dòng)態(tài)產(chǎn)生select option下拉列表
- JQuery動(dòng)態(tài)添加Select的Option元素實(shí)現(xiàn)方法
- JS 通過系統(tǒng)時(shí)間限定動(dòng)態(tài)添加 select option的實(shí)例代碼
- JS & JQuery 動(dòng)態(tài)添加 select option
- js動(dòng)態(tài)改變select選擇變更option的index值示例
- 動(dòng)態(tài)添加option及createElement使用示例
- jquery動(dòng)態(tài)添加option示例
- JS動(dòng)態(tài)添加與刪除select中的Option對(duì)象(示例代碼)
- 使用js對(duì)select動(dòng)態(tài)添加和刪除OPTION示例代碼
- JS動(dòng)態(tài)添加option和刪除option(附實(shí)例代碼)
- javascript 動(dòng)態(tài)設(shè)置已知select的option的value值的代碼
- javascript 動(dòng)態(tài)創(chuàng)建 Option選項(xiàng)
- js或jquery動(dòng)態(tài)輸出select option的實(shí)現(xiàn)代碼
相關(guān)文章
jquery tablesorter.js 支持中文表格排序改進(jìn)
之前研究過一下表格排序。上網(wǎng)找了一些代碼研究了一下。勉強(qiáng)做了一個(gè)用著。后面發(fā)現(xiàn)當(dāng)動(dòng)態(tài)給單元格加超鏈接,或者列中存在一些空白,就排序不了了。2009-12-12jQuery 1.9使用$.support替代$.browser的使用方法
jQuery 從 1.9 版開始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support,下面我們來看下具體的使用方法2014-05-05jQuery UI插件實(shí)現(xiàn)百度提詞器效果
這篇文章主要介紹了jQuery UI插件實(shí)現(xiàn)百度提詞器效果,每個(gè)輸入框中有相應(yīng)的文字提示,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11jq源碼解析之綁在$,jQuery上面的方法(實(shí)例講解)
下面小編就為大家?guī)硪黄猨q源碼解析之綁在$,jQuery上面的方法(實(shí)例講解)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10jquery 表單驗(yàn)證之通過 class驗(yàn)證表單不為空
在開發(fā)系統(tǒng)時(shí),往往都有某些表單數(shù)據(jù)為必填項(xiàng),若用jQuery通過ID去驗(yàn)證,不僅會(huì)影響效率,還會(huì)有所遺漏,不易于后期維護(hù)。 本章將介紹如何利用jQuery,通過為表單配置class進(jìn)行統(tǒng)一驗(yàn)證。2015-11-11jQuery 獲取、設(shè)置HTML或TEXT內(nèi)容的兩種方法
這篇文章主要介紹了jQuery 獲取、設(shè)置HTML或TEXT內(nèi)容的兩種方法,需要的朋友可以參考下2014-05-05jQuery獲取節(jié)點(diǎn)和子節(jié)點(diǎn)文本的方法
本節(jié)主要介紹了jQuery如何獲取節(jié)點(diǎn)和子節(jié)點(diǎn)文本,下面有個(gè)示例,大家可以參考下2014-07-07