表单操作集

设置某个select>option被选中

将option设置为指定value值对应的内容(方法一)

 $("select").val("2");
<select>
<option value="1">第1个</option>
<option value="2">第2个</option>
<option value="3">第3个</option>
</select>
//那么第2个下拉框将被选中

将option设置为指定value值对应的内容(方法二)(attr和prop都可以,该方法适合有自定义属性)

<select>
<option value="1" data-id="a">第1个</option>
<option value="2" data-id="b">第2个</option>
<option value="3" data-id="c">第3个</option>
</select>
$("select").find("option[value='2']").prop("selected",true);
$("select").find("option[data-id='c']").prop("selected",true);

获取某个select>option的值

 $("select").val();

获取当前选中项的text

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

select级联操作

即第二个select的值随着第一个select选中的值变化

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

     // 先清空第二个

      $(".selector2").empty();

     // 实际的应用中,这里的option一般都是用循环生成多个了

      var option = $("<option>").val(1).text("pxx");

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

});

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值