从下拉列表中选择特定选项时运行 jquery 函数答案

【问题标题】：Run jquery function when specific option is selected from dropdown从下拉列表中选择特定选项时运行 jquery 函数
【发布时间】：2015-07-15 14:25:35
【问题描述】：

我有一个表单，下拉有一个值0-4，选择值2时，我需要一些简单的jQuery来运行，禁用Summernote文本输入框。如果选择再次从 2 更改，我需要运行 jquery 以重新启用该框。解决这个问题的最佳方法是什么？

      <select>
            <option value="0">No selection</option>
            <option value="1">selection 1</option>
            <option value="2">selection 2 (disable textarea)</option>
            <option value="3">selection 3</option>
            <option value="4">selection 4</option>                                   
      </select>

jquery 禁用该框：

     $('.note-editable').attr({contenteditable: 'false'});

我不确定在处理选择框和定位特定选项时如何处理事件？

【问题讨论】：

$("input").focus() ?

标签： jquery html

【解决方案1】：

我认为这是你需要的

$('select').on("change",function(){
      if($(this).val()==2)
           $('.note-editable').attr({contenteditable: 'false'});
});

【讨论】：

【解决方案2】：

$("select").on("change", function(){
    var note = $('.note-editable');
    if($(this).val() == "2"){
      note.attr({contenteditable: 'false'});
    } else {
      note.attr({contenteditable: 'true'});
    }
})

【讨论】：