jQuery Выбранный плагин динамически добавляет параметры с помощью Ajax?

Question

Прежде всего, это не дублирующий вопрос. я проверил все доступные вопросы, я не нашел решения.

Моя проблема: я работаю в проекте, который использует Jquery choosen плагин version 1.5.1 для создания нескольких полей формы. в некоторых multi select fields Мне нужно динамически добавлять параметры, если опция недоступна в списке. например

У меня есть tags поля с 3 вариантами
1. мужского
2.female
3.kids, но я позволяю пользователь может иметь возможность добавить любой новый тег как youngbaby для этого поля. для этого я сделал это в следующем уроке 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'); 
    } 

});