jquery 选择更新隐藏输入添加新选项

Question

我正在使用 jQuery Chosen 插件并且能够动态添加新选项

$('#element').chosen({
    create_option: true,
    // persistent_create_option decides if you can add any term, even if part
    // of the term is also found, or only unique, not overlapping terms
    persistent_create_option: true,
    // with the skip_no_results option you can disable the 'No results match..' 
    // message, which is somewhat redundant when option adding is enabled
    skip_no_results: true,
    create_option_text: 'Add option'
});

我需要的是一种仅在单击添加选项链接时更新隐藏字段的方法。

在 Chrome 中检查代码后，我可以看到添加了以下 html：

<li class="create-option active-result"><a>Add option</a>: "dsgdsgsdgdg"</li>

我尝试使用点击事件来定位这些类，但它不起作用

$('.create-option.active-result').click(function() {
    alert('fsgsdgdsgd');
});

有没有办法定位此链接或检查选择列表的长度是否发生了变化？

Answer 1

您想将事件绑定到动态添加的元素。

看到这个问题：Event binding on dynamically created elements?

如上所述，您必须致电：

$("#myList").on("click", ".create-option.active-result", function() {
    alert(this.text);
});