jQuery 组合框选项的 onclick 处理答案

【问题标题】：onclick handling for jQuery combo box option itemjQuery 组合框选项的 onclick 处理
【发布时间】：2018-06-05 10:19:35
【问题描述】：

<option value='0'>Choose A Product</option>
<option id='custAddNewCategory' value='addnew' data-icon='glyphicon glyphicon-plus text-success'>Add new</option>
<option value='769'>1</option>
<option value='770'>1</option>
<option value='773'>1</option>

页面加载时，我有这个由 jquery 代码生成的选项列表。

当第二个选项“添加新”被点击时，我想要处理一些东西。我试过跟随，但失败了。 :(

//custAddNewCategory
$(document).on("click", 'custAddNewCategory', function(e) {
   alert('add new category clicked!');
});

建议。

【问题讨论】：

标签： javascript java jquery html

【解决方案1】：

您可以使用 select change 事件处理程序，如下所示：

$('select').on('change', function(event){
if($(this).val() == $('#custAddNewCategory').val()){
alert('add new');
}
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
<option value='0'>Choose A Product</option>
<option id='custAddNewCategory' value='addnew' data-icon='glyphicon glyphicon-plus text-success'>Add new</option>
<option value='769'>1</option>
<option value='770'>1</option>
<option value='773'>1</option>
</select>

【讨论】：

【解决方案2】：

$('select').find('option').click(function (){
    var valueSelected = optionSelected.val();
     if(valueSelected) =="addnew"){
           yourFunction();
     }
});

【讨论】：