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代码生成此选项列表。

点击第二个选项'add new'时，我想要处理一些内容。我试过跟随，但它失败了。 :(

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

建议。

Answer 1

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

df1=df1.set_index('col_A')
df2.rename(columns = {'A1col':'col_A', 'A2col':'col_C'}).set_index('col_A').combine_first(df1)
Out[460]: 
      col_B    col_C
col_A               
AA     abcd  1_00_23
AB     efgh  1_11_24
AC     abcd  2_23_55
AD     abdf  3_00_34
AE      NaN  4_22_33
AF      NaN  6_45_65

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

Answer 2

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

jQuery组合框选项

2 个答案: