javascript在下拉值更改时设置readonly属性

Question

从下拉列表中选择值时,如果所选值等于某个值,我希望下拉列表更改为只读,我该怎么做？

HTML:

<select id="s_id">
   <option value="volvo">Volvo</option>
   <option value="saab">Saab</option>
   <option value="opel">Opel</option>
   <option value="audi">Audi</option></select>

脚本:

$(document).ready(function () {
   $("#s_id").change(function () {
     var x = $(this).val();
     //alert("something's changed");
     alert($(this).val());
     if (x === opel) {
         alert("iff only.....");
         $(this).attr("readOnly", "true");
    }
   });
});

小提琴:http://jsfiddle.net/L4reds/xKQUd/2/

Answer 1

你需要比较x一个字符串,"opel"你可以使用该属性disabled,请参阅此处的小提琴:http://jsfiddle.net/xKQUd/3/

澄清:select元素不能设置readOnly,需要使用disabled属性

为了解决不发送到服务器的问题,设置隐藏的输入等于将在表单提交上发送的禁用值,请在此处查看此小提琴:http://jsfiddle.net/xKQUd/25/