select 多选禁用其中某个option

来源：互联网发布：淘宝c店可以卖吃的吗? 编辑：程序博客网时间：2024/05/19 13:15

select 多选禁用其中某个option(添加disabled)
<html>
<script typet="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<body>
<div class="col-sm-4" id="task_stateTip">
<select class="form-control input-sm selectpicker" name="cus_product" id="cus_product" multiple title="请选择(可多选)" onchange="Change()">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
</div>
<script type="text/JavaScript">
function Change(){
//获取被选中的option标签
var vs = $('#cus_product option:selected').val();
alert(vs);
if (vs=="volvo"){
$("#cus_product option[value='audi']").attr("disabled",true); }
}
</script>
</body>
</html>

如果引用了 bootstrap-select

$('.ex-disable').click(function () {  $('.disable-example option').prop('disabled', true);  $('.disable-example').selectpicker('refresh');});

阅读全文

0 0