利用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標(biāo)簽后增加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標(biāo)簽后增加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)文章
jQuery EasyUI API 中文文檔 - Calendar日歷使用
jQuery EasyUI API 中文文檔 - Calendar日歷使用,需要的朋友可以參考下。2011-10-10jQuery在IE下使用未閉合的xml代碼創(chuàng)建元素時的Bug介紹
這個偏門Bug是我在更新phZoom 1.29后發(fā)現(xiàn)的, 我先將之重現(xiàn)一下2012-01-01jQuery Ajax使用FormData對象上傳文件的方法
這篇文章主要介紹了jQuery Ajax使用FormData對象上傳文件的方法,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-09-09jquery ajax對特殊字符進(jìn)行轉(zhuǎn)義防止js注入使用示例
如果有人在留言里寫入了js語句,這結(jié)語句都會被執(zhí)行.解決辦法就是對這些特殊字符進(jìn)行轉(zhuǎn)義再顯示出來,下面有個不錯的示例,感興趣的朋友可以參考下2013-11-11jQuery中slideUp 和 slideDown 的點擊事件
這篇文章主要介紹了jQuery中slideUp 和 slideDown 的點擊事件的相關(guān)資料,需要的朋友可以參考下2015-02-02JQuery 改變頁面字體大小的實現(xiàn)代碼(實時改變網(wǎng)頁字體大小)
分別定義三個class為increaseFont、decreaseFont、resetFont 的元素。為其click事件添加事件2012-03-03