jquery動態(tài)添加以及遍歷option并獲取特定樣式名稱的option方法
更新時間:2018年01月29日 11:13:15 作者:點化人生
下面小編就為大家分享一篇jquery動態(tài)添加以及遍歷option并獲取特定樣式名稱的option方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
實例如下所示:
<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> //動態(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動態(tài)添加以及遍歷option并獲取特定樣式名稱的option方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 利用js給datalist或select動態(tài)添加option選項的方法
- jQuery動態(tài)產(chǎn)生select option下拉列表
- JQuery動態(tài)添加Select的Option元素實現(xiàn)方法
- JS 通過系統(tǒng)時間限定動態(tài)添加 select option的實例代碼
- JS & JQuery 動態(tài)添加 select option
- js動態(tài)改變select選擇變更option的index值示例
- 動態(tài)添加option及createElement使用示例
- jquery動態(tài)添加option示例
- JS動態(tài)添加與刪除select中的Option對象(示例代碼)
- 使用js對select動態(tài)添加和刪除OPTION示例代碼
- JS動態(tài)添加option和刪除option(附實例代碼)
- javascript 動態(tài)設置已知select的option的value值的代碼
- javascript 動態(tài)創(chuàng)建 Option選項
- js或jquery動態(tài)輸出select option的實現(xiàn)代碼
相關文章
jquery tablesorter.js 支持中文表格排序改進
之前研究過一下表格排序。上網(wǎng)找了一些代碼研究了一下。勉強做了一個用著。后面發(fā)現(xiàn)當動態(tài)給單元格加超鏈接,或者列中存在一些空白,就排序不了了。2009-12-12jQuery 1.9使用$.support替代$.browser的使用方法
jQuery 從 1.9 版開始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support,下面我們來看下具體的使用方法2014-05-05jQuery 獲取、設置HTML或TEXT內(nèi)容的兩種方法
這篇文章主要介紹了jQuery 獲取、設置HTML或TEXT內(nèi)容的兩種方法,需要的朋友可以參考下2014-05-05