返回jQuery操......登陆

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

巴扎黑2017-01-11 10:03:10249

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

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

1

2

3

4

5

$(".SELECT_A").change(function(){

   $(".SELECT_B").empty();// 清空后一个SELECT

   var option = $("<option>").val(1).text('xxx');// 按照实际业务要求重新赋值option

   $(".SELECT_B").append(option);

});

2.获取SELECT选中项value值

1

$(".SELECT").val();

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

1

$(".SELECT").find("option:SELECTed").text();

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

1

2

$(".SELECT").val('xxx');

$(".SELECT").find("option[text='xxx']").prop('SELECTed',true);

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


最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送