DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 利用jquery操作select下拉列表框的代碼
利用jquery操作select下拉列表框的代碼
編輯:JQuery特效代碼     
例:
代碼如下:
<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的值.
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved