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

Question

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

输入文本：

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

基本上，我想与输入文本的值更新选择框：

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

选择框进行基于输入文本值更新领域。使用jQuery，这将是理想的。

Answer 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事件

做