jQuery Chosen 插件动态添加选项而不使用 Ajax？

Question

首先，这不是一个重复的问题。我检查了所有可用的问题我没有找到解决方案。

我的问题是，我正在使用 Jquery choosen 插件 1.5.1 版 来创建多个选择表单字段。在某些多选字段中，如果选项在列表中不可用，我需要动态添加选项。例如

我有一个包含 3 个选项的 tags 字段
1. 男性
2.女性
3.kids 但我允许用户能够为该字段添加任何新标签，例如 young baby。为了实现这一点，我在下面的教程中这样做了 add attributes dynamically in using chosen plugin .

这工作正常。但问题是这是在所有 multi-select 字段中添加新值。 products 等字段不允许添加。我有很少的字段可以添加动态值。所以想在表单本身中实现 ​​case 13 逻辑来添加标签。直到现在我都这样尝试过

$('#product_tags').on( "keypress", function (e) {

  if (e.which == 13) {
    e.preventDefault();
    $('#product_tags').empty();
    $('#product_tags').append('<option>' + $(evt.target).val() + '</option>');
    $('#product_tags').trigger("chosen:updated");
  }
});

它不工作。我怎样才能做到这一点？？任何帮助将不胜感激..谢谢

Answer 1

试试这个

$(".chosen-container").on('keyup',function(event) {
  if(event.which === 13) {
    $("#product_tags").append('<option value="' + $(event.target).val() + '" selected="selected">' + $(event.target).val() + '</option>');
    $("#product_tags").trigger('chosen:updated');
   }

});