jQuery操作select控件的取值和设值

abstract：本文主要实例浅析jQuery操作SELECT控件取值和设值。1.级联SELECT的操作，后一个SELECT的值随着前一个SELECT选中值变化$(".SELECT_A").change(function(){    $(".SELECT_B").empty();// 清空后一个SELECT   &n

本文主要实例浅析jQuery操作SELECT控件取值和设值。

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);

 更多关于jQuery操作SELECT控件的取值和设值请关注PHP中文网（www.php.cn）其他文章！