easyUI中combobox样式的下拉框如何绑定onchange方法？？

最新推荐文章于 2024-04-08 17:39:55 发布

慕枫520

最新推荐文章于 2024-04-08 17:39:55 发布

阅读量704

点赞数 1

CC 4.0 BY-SA版权

分类专栏： HTML easyui-combobox JS 文章标签： easyui-combobox jquery onchange select html

本文链接：https://blog.youkuaiyun.com/qq_20446879/article/details/86014745

JS 同时被 3 个专栏收录

9 篇文章

订阅专栏

HTML

7 篇文章

订阅专栏

easyui-combobox

2 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript实现下拉框动态选择的方法，通过监听下拉框变化，根据选中项调整其他输入框的只读状态。此方法适用于需要根据品牌选择限制车型和年份的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML代码：

<select name="brand" style="width: 150px ; height : 20px;" class="easyui-combobox" id="brand">
    <option ${img.brand == 'CHEVROLET' ? selected:'' } value="CHEVROLET">CHEVROLET/雪佛兰</option>
    <option ${img.brand == 'BUICK' ? selected:'' } value="BUICK">BUICK/别克</option>
    <option ${img.brand == 'CADILLAC' ? selected:'' } value="CADILLAC">CADILLAC/凯迪拉克</option>
</select>

JS代码：

$(function(){

   $("#isDefault").combobox({
      onChange: function () {
       
      ckselect() ;
      }

      });

});

function ckselect() {
   var isdef = $("#isDefault").val();
 
    if(isdef == 'Y'){      
       $("#model").attr("readonly", "readonly");
       $("#modelYear").attr("readonly", "readonly");
       
    }else{
       $("#model").removeAttr("readonly");
       $("#modelYear").removeAttr("readonly");
       
    }
}