從靜態輸入字段更新表單選擇（下拉）

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

做