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

Question

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

我的问题是，我在一个使用 Jquery choosen 插件 version 1.5.1 创建多个 select 表单域的项目中工作。在某些 multi select fields 中，如果选项在列表中不可用，我需要动态添加选项。例如

我有一个 tags 字段有 3 个选项
1. 男性
2.female
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');
   }

});

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

jQuery Chosen plugin add options dynamically with out using Ajax?

ruby

jquery

ruby-on-rails

jquery-chosen