利用jquery操作select下拉列表框的代碼
更新時間：2010年06月04日 00:02:58 作者：
利用jquery操作select下拉列表框的代碼，需要的朋友可以參考 下，jquery操作select的相關(guān)文章會給你更多的驚喜。
例：
<select id="sltList" name="list">
<option value="1">張三</option>
<option value="2">李四</option>
</select>
// 獲取當(dāng)前選中的option值
$('#sltList').val()
//獲取當(dāng)前選中項的文本
$('#sltList option[@selected]').text(); // 獲取當(dāng)前選中的option, text為文本, val則是option的值了
或 var item = $("select[@name= list] option[@selected]").text();
//設(shè)置文本為當(dāng)前選中項
$("#sltList option[@selected]").attr("text",'張三');
//設(shè)置select下拉框的第二個元素為當(dāng)前選中值
$('#sltList')[0].selectedIndex = 1;
//設(shè)置value=1的項目為當(dāng)前選中項
$("#sltList").attr("value",'1');
$('#sltList').val('1');
//添加下拉框的option
$("<option value='3'>王五</option><option value='4'>趙六</option>").appendTo("#sltList")
//清空下拉框
$("sltList").empty();
例：
//改變時的事件
$("#testSelect").change(function(){ //事件發(fā)生
jQuery('option:selected', this).each(function(){ //印出選到多個值
alert(this.value);
});
});
$("#childTypeResult").append(htmlStr); //是在此ID標簽后增加htmlStr的值.
$("#childTypeResult").html(htmlStr); 是修改此ID的值為htmlStr的值.
復(fù)制代碼 代碼如下:
<select id="sltList" name="list">
<option value="1">張三</option>
<option value="2">李四</option>
</select>
// 獲取當(dāng)前選中的option值
$('#sltList').val()
//獲取當(dāng)前選中項的文本
$('#sltList option[@selected]').text(); // 獲取當(dāng)前選中的option, text為文本, val則是option的值了
或 var item = $("select[@name= list] option[@selected]").text();
//設(shè)置文本為當(dāng)前選中項
$("#sltList option[@selected]").attr("text",'張三');
//設(shè)置select下拉框的第二個元素為當(dāng)前選中值
$('#sltList')[0].selectedIndex = 1;
//設(shè)置value=1的項目為當(dāng)前選中項
$("#sltList").attr("value",'1');
$('#sltList').val('1');
//添加下拉框的option
$("<option value='3'>王五</option><option value='4'>趙六</option>").appendTo("#sltList")
//清空下拉框
$("sltList").empty();
例：
//改變時的事件
$("#testSelect").change(function(){ //事件發(fā)生
jQuery('option:selected', this).each(function(){ //印出選到多個值
alert(this.value);
});
});
$("#childTypeResult").append(htmlStr); //是在此ID標簽后增加htmlStr的值.
$("#childTypeResult").html(htmlStr); 是修改此ID的值為htmlStr的值.
您可能感興趣的文章:
- jquery操作select詳解(取值,設(shè)置選中)
- jquery實現(xiàn)動態(tài)操作select選中
- jQuery操作select下拉框的text值和value值的方法
- jquery操作select option 的代碼小結(jié)
- jQuery操作Select的Option上下移動及移除添加等等
- jQuery操作Select選擇的Text和Value(獲取/設(shè)置/添加/刪除)
- jquery操作select大全
- jQuery操作select的實例代碼
- jquery操作select元素和option的實例代碼
- jquery下拉select控件操作方法分享(jquery操作select)
- jquery操作select常見方法大全【7種情況】
相關(guān)文章
學(xué)習(xí)jquery必備 api中英文對照的chm手冊 下載
學(xué)習(xí)jquery必備 api中英文對照的chm手冊 下載...2007-05-05
本篇文章主要介紹了jquery——九宮格大轉(zhuǎn)盤抽獎實例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-01-01
jQuery-Tools-overlay 使用介紹，需要的朋友可以參考下2012-07-07
在表單的輸入驗證中，經(jīng)常要當(dāng)用戶沒能正確輸入后，要提示“XXXX輸入錯誤”這一類的信息，如何能搞到動態(tài)一點呢，今天發(fā)現(xiàn)jquery中的一個不錯的效果，筆記之。2010-08-08
通過電商購買過電影票的朋友都很熟悉此功能，那么在線選座訂座使用程序怎么實現(xiàn)的呢，接下來，給大家分享基于jquery實現(xiàn)在線選座訂座之影院篇，感興趣的朋友快來圍觀2015-08-08
jQuery tagsinput在h5郵件客戶端中應(yīng)用詳解
為了保證在pc，ios，android端都可以使用，所以使用H5頁面的方式嵌入app的webview中。接下來通過本文給大家介紹jquery tagsinput在h5郵件客戶端中應(yīng)用詳解，感興趣的朋友一起看看吧2016-09-09
jquery插件uploadify實現(xiàn)帶進度條的文件批量上傳
這篇文章主要介紹了jquery插件uploadify實現(xiàn)帶進度條的文件批量上傳，感興趣的小伙伴們可以參考一下2015-12-12
要實現(xiàn)這樣的一個功能復(fù)選框勾選時給input表單賦值，復(fù)選框取消時將表單值清除，需要的朋友可以參考下2014-05-05
jQuery過濾HTML標簽并高亮顯示關(guān)鍵字的方法
這篇文章主要介紹了jQuery過濾HTML標簽并高亮顯示關(guān)鍵字的方法,實例分析了jquery遍歷html標簽并進行替換的相關(guān)技巧,需要的朋友可以參考下2015-08-08
JQuery Ajax 異步操作之動態(tài)添加節(jié)點功能
異步操作動態(tài)添加節(jié)點，導(dǎo)致在代碼中給添加的節(jié)點全局綁定事件或者獲取元素?zé)o效，問題出在哪里呢？下文給大家介紹下，感興趣的朋友參考下吧2017-05-05