Question

我正在尝试根据页面加载和文本更改的文本框中的输入填充下拉框。我可以使用下面的代码在页面加载时填充我的下拉列表。现在，当我向文本框添加新文本时，我希望将新文本附加到下拉列表中，或者如果我编辑任何现有文本，则应更新列表。我该怎么做？

这是我的代码。

(function($) {

$(document).ready(function() {

    $("[id^=id_fields-][id$=_options_0]").load('change',function() {
        init = this.id.match(/id_fields-\d+/);
        choices = $(this).val().split("\n");
        $.each(choices, function(val, text){
             $('[id^='+init+'][id$=-choice_text]').append( new Option(text));               
        });
    });
 });
});

Answer 1

这可能有用。

var myFunction = function() {
    init = this.id.match(/id_fields-\d+/);
    choices = $(this).val().split("\n");
    $.each(choices, function(val, text){
         $('[id^='+init+'][id$=-choice_text]').append( new Option(text));               
     });
};

$(document).ready(function() {
    myFunction.call($("[id^=id_fields-][id$=_options_0]"));    
    $("[id^=id_fields-][id$=_options_0]").on('change',myFunction);
 });

jquery：根据文本框值填充下拉列表

1 个答案: