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

Question

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

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

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

这工作正常。但问题是这是在所有多选字段中添加新值。某些字段(例如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');
   }

});