如何将只读切换到 select2

debugcn 发表于 Dev

侯纳润

我试图根据第一个 select2 选项的值将 readonly 属性设置为第二个 select2 。

我的脚本如下：

<select name="Name" id="Name" style='width:45%'>
  <option value="1">disable</option>
   <option value="2">enable</option>
</select>
<select name="Name2" id="Name2" style='width:45%'>
  <option value="d">David</option>
   <option value="b">Bob</option>
</select>

我的JS脚本设置如下：

$(document).ready(function(){
    $('#Name,#Name2').select2();
  $('#Name').change(function(){
    var val = $(this).val();
    if(val==1)
    {
        $('#Name2').attr('readonly','readonly');
    }else
    {
        $('#Name2').removeAttr('readonly');
    }
  })
})

但是，上面的脚本不适用于 select2 选项，但对于文本框很好。（小提琴手）

我试图在这里搜索一些资源，但没有帮助。

谢谢。

古拉迪奥

用于.prop()根据值设置禁用与否

$(document).ready(function() {
  
  $('#Name').change(function() {
    var val = $(this).val();
    $('#Name2').prop('disabled', val == 1);//prop disabled

  }).change();
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="Name" id="Name" style='width:45%'>
  <option value="1">disable</option>
   <option value="2">enable</option>
</select>
<select name="Name2" id="Name2" style='width:45%'>
  <option value="d">David</option>
   <option value="b">Bob</option>
</select>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。