jQuery 组合框选项项的单击处理

Question

<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!');
});

做建议。

Answer 1

可以使用选择更改事件处理程序，如下所示：

$('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>

Answer 2

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