从静态输入字段更新表单选择（下拉）答案

【问题标题】：Update form select (dropdown) from static input field从静态输入字段更新表单选择（下拉）
【发布时间】：2011-11-16 04:51:57
【问题描述】：

我看到了从选择框中更新输入字段的各种方法，但我将如何根据输入文本字段的值更新选择框？

输入文本：

<input type="text" id="region-txt" name="region-txt" />

根据输入的文本值选择要更新的框：

<select id="region" name="region">
  <option value="1">Test1</option>
  <option value="2">Test2</option>
</select>

基本上，我希望选择框使用输入文本字段的值进行更新。使用 jQuery，这样会很理想。

【问题讨论】：

您的意思是基于文本框“创建一个新选项”吗？

标签： jquery html forms select

【解决方案1】：

如果你想改变选择的下拉选项，你可以使用

  $('#input').keyup(function(){

    var selected = $(this).text();

    $('#region').val(selected);

    });

如果你想在列表中添加一个新选项，你可以使用

$('#input').keyup(function(){

        var selected = $(this).text();

        if($('#region option[value='+selected+']').length){
            //item already exists
        }
        else {
             $('#region').append(
                   $('<option></option>').val(selected).html("Test"+selected)
             ); 
        } 

        });

也可以为change事件做

【讨论】：