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)設(shè)置已知select的option的value值的代碼
- javascript 動態(tài)創(chuàng)建 Option選項
- js或jquery動態(tài)輸出select option的實現(xiàn)代碼
相關(guān)文章
jquery插件unobtrusive實現(xiàn)片段式加載
本文給大家分享的是使用jquery插件unobtrusive實現(xiàn)片段式加載，效果非常不錯，有需要的小伙伴可以參考下。2015-06-06
這篇文章主要介紹了jQuery如何隱藏和顯示 input 默認值,需要的朋友可以參考下2014-06-06
有朋友問GridView控件對于跨行合并的問題，這可以用控件嵌套來完成，當(dāng)然，我更喜歡在前臺來用JS來控制網(wǎng)頁元素的樣式，而后臺僅僅是根據(jù)客戶的請求，來返回數(shù)據(jù)。2011-09-09
jquery中用attr()方法來獲取和設(shè)置元素屬性,attr是attribute（屬性）的縮寫，在jQuery DOM操作中會經(jīng)常用到attr()，attr()有4個表達式2013-04-04
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)選項卡嵌套效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
本文主要介紹了jquery正整數(shù)數(shù)字校驗正則表達式的方法。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
表單作為 HTML 最重要的一個組成部分，幾乎在每個網(wǎng)頁上都有體現(xiàn)，例如用戶提交信息、用戶反饋信息和用戶查詢信息等，因此它是網(wǎng)站管理者與瀏覽者之間溝通的橋梁。下面通過實例代碼給大家介紹jQuery 實現(xiàn)表單驗證功能2017-07-07
Ajax在Web應(yīng)用中的作用越來越大，許多工具都包含了對這一功能的使用，以下是對這些常用工具中Ajax的典型實例.2016-06-06
基于jQuery的動態(tài)增刪改查表格信息，可左鍵/右鍵提示（原創(chuàng)自Zjmainstay）
jQuery動態(tài)增刪改查表格信息，可左鍵/右鍵提示的實現(xiàn)代碼分享，需要的朋友可以參考下2012-07-07
本文給大家推薦的是一款jQuery實現(xiàn)彈出窗口中切換登錄與注冊表單的特效。適用瀏覽器：IE8+、FireFox、Chrome、Safari、Opera。十分的方便實用，有需要的小伙伴可以參考下。2015-06-06