静的入力フィールドからフォーム選択（ドロップダウン）を更新

Question

入力フィールドを選択ボックスから更新する方法はさまざまですが、入力テキストフィールドの値に基づいて選択ボックスを更新するにはどうすればよいでしょうか？

入力テキスト：

<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を使用すると理想的です。あなたが選択したドロップダウン谷を変更したい場合は、リストに新しいオプションを追加したい場合は

Answer 1

あなたはまた、

$('#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イベント

のために行うことができます使用することができます

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

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

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

    }); 

を使用することができます