实现 select中指定option选中触发事件

<select id="salesfrom-job_title" >

<option value="">请选择</option>

<option value="0">不禁用</option>

<option value="1">禁用</option>

</select>

<select id="salesfrom-f_id" >

<option value="">请选择</option>

<option value="1">测试1</option>

<option value="4">测试2</option>

</select>

<script>

$("#salesfrom-job_title").on('change',function(){

    var jobtitle = $(this).val();

    var selectfid = $("#salesfrom-f_id");

    if(jobtitle == 1){

        selectfid.attr("disabled","disabled");

    }else{

        selectfid.attr("disabled",false);

    }

});

</script>

当选中第一个select中的禁用时第二个select不能选择

在选择不禁用,第二个select又可以选择

知识点使用 onchange 事件时时监控select变化

不要删除属性 赋值为false就可以

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,749评论 1 45
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,342评论 0 3
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,379评论 0 2
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,202评论 0 1
  • 打开简书,发来一条通知,昨天没有更新,突然发现坚持真的不是一件容易的事情。 坚持跟目标有关,跟计划有关,跟安排有关...
    戴丽霞阅读 95评论 0 0