手记

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>

0人推荐
随时随地看视频
慕课网APP