实现 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>

你好。

首先，你可以为要添加动作的这个<option>元素添加一个id属性，以便脚本引用。如：

1

<option id="myoption">手动输入</option>

然后，为这个元素添加鼠标点击事件，代码我已经为你写好，请参考：

1、如果你是用原生的Javascript实现，代码如下：

1

2

3

document.getElementById('myoption').onclick = function(){

// 你的代码

}

2、如果你是喜欢用第三方的 jQuery 框架来实现，可以用下面的代码：

1

2

3

$("#myoption").click(function(){

// 你的代码

})

以上两种方法任选一种即可，但注意第2种jQuery的方法需要你在文档中引入jquery.js框架后方能使用。

明白了吗？如还有疑惑，欢迎继续追问，很高兴为你解答。

定义和用法

当元素的值发生改变时，会发生 change 事件。

该事件仅适用于文本域（text field），以及 textarea 和 select 元素。

change() 函数触发 change 事件，或规定当发生 change 事件时运行的函数。

注释：当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，该事件会在元素失去焦点时发生。

<select id="status">

    <option value="0" >待审核</option>

    <option value="1" >未通过审核</option>

    <option value="2" >制作中</option>

    <option value="3">制作完成</option>

    <option value="4" >发布</option>

    <option value="5">暂停</option>

    <option value="6">删除</option>

</select>  $("select#status").change(function(){

     console.log($(this).val())

 })

---