利用jquery操作select下拉列表框的代碼

2024-05-06 12:37:04

字體：大中小

來源：轉載

供稿：網友

例：
代碼如下:
<select id="sltList" name="list">
<option value="1">張三</option>
<option value="2">李四</option>
</select>
// 獲取當前選中的option值
$('#sltList').val()
//獲取當前選中項的文本
$('#sltList option[@selected]').text(); // 獲取當前選中的option, text為文本, val則是option的值了
或 var item = $("select[@name= list] option[@selected]").text();
//設置文本為當前選中項
$("#sltList option[@selected]").attr("text",'張三');

//設置select下拉框的第二個元素為當前選中值
$('#sltList')[0].selectedIndex = 1;
//設置value=1的項目為當前選中項
$("#sltList").attr("value",'1');
$('#sltList').val('1');
//添加下拉框的option
$("<option value='3'>王五</option><option value='4'>趙六</option>").appendTo("#sltList")
//清空下拉框
$("sltList").empty();
例：
//改變時的事件
$("#testSelect").change(function(){ //事件發生
jQuery('option:selected', this).each(function(){ //印出選到多個值
alert(this.value);
});
});
$("#childTypeResult").append(htmlStr); //是在此ID標簽后增加htmlStr的值.
$("#childTypeResult").html(htmlStr); 是修改此ID的值為htmlStr的值.

上一篇：JavaScript 構造函數面相對象學習必備知識

下一篇：QQ強制聊天功能代碼(加強版，兼容QQ2010)