Jquery 操作下拉框

 <select id="test" name="test">

<option value="1">11</option>

<option value="2">22</option>

<option value="3">33</option>

<option value="4" selected="selected">44</option>

<option value="5">55</option>

<option value="6">66</option>

</select>

<script type="text/javascript">

//獲取選中項的文本

var testValue = $('#test option[selected]').attr('text');

//獲取選中項的值

var testValue = $('#test option[selected]').val();

//獲取選中項的文本

var testValue = $('#test option[selected]').text();

//alert(testValue);

//獲取選中項的索引

var testValue = $('#test').attr('selectedIndex');

//alert(testValue);

//查找值等於某個的項

var testValue = $("#test option[value='5']").attr('text');

//alert(testValue);

//獲取所有的項

var testValue = $("#test option");

testValue.each(function() {

//alert($(this).val());

});

//獲取下拉框長度

var testValue = $('#test option').length;

//alert(testValue);

//獲取下拉框代碼

var testValue = $('#test').html();

//alert(testValue);

//清空下拉框

//$('#test').empty();

//添加單條下拉框選項

$('<option value="7">77</option>').appendTo('#test');

$('<option value="8">88</option>').appendTo($('#test'));

$("#test").append("<option value='9'>99</option>");  //添加一項option

$("#test").prepend("<option value='10'>110</option>"); //在前面插入一項option

 

//刪除單個選項

$('#test option[value="7"]').remove();

$("#test option:last").remove(); //刪除索引值最大的Option

$("#test option[index='0']").remove();//刪除索引值爲0的Option

$("#test option[value='3']").remove(); //刪除值爲3的Option

$("#test option[text='4']").remove(); //刪除TEXT值爲4的Option

 

//設置第二個元素選中

$('#test').attr('selectedIndex', 1);

$('#test')[0].selectedIndex = 3;

$('#test').attr('value', 3);

</script>