jQuery操作select控件取值和设值

时间:2023-03-08 15:54:58

1.级联select的操作,后一个select的值随着前一个select选中值变化

$(".select_A").change(function(){
$(".select_B").empty();// 清空后一个select
var option = $("<option>").val(1).text('xxx');// 按照实际业务要求重新赋值option
$(".select_B").append(option);
});

2.获取select选中项value值

$(".select").val();

3.获取select选中项的文本text

$(".select").find("option:selected").text();

4.设置select选中对应value值项、对应text文本项

$(".select").val('xxx');
$(".select").find("option[text='xxx']").prop('selected',true);

5.获取select选中项的索引值

$("#select").get(0).selectedIndex;

6.设置select索引值为1的项选中

$("#select").get(0).selectedIndex=1;