jQueryのテキストボックスの値に応じて、ドロップダウンリストの選択値を変更する方法

Question

ドロップダウンの値がドロップダウンリストの値と一致する場合、ドロップダウンの選択されたオプションを変更できます。テキストボックス。

これは私が試してみましたとdoesntのが働いているように見えるものです。..

$('#dropFinish2-box option').each(function() { 
       if (this.value == $('#f2').val()) { 
        $("#dropFinish2 option:selected").text($('#f2').val()); 
       } 
      }); 

dropFinish2は、ドロップダウンです。 f2はテキストボックスのIDです。

Answer 1

なぜループ：私は、これはあなたが後にあるかと思います。ただそれを直接設定してみてください。一致がない場合、それは変更されません...

$("#dropFinish2").val($('#f2').val()); 

Here is a working example

値はすべて小文字である場合、あなたは...

$("#dropFinish2").val($('#f2').val().toLowerCase()); 

または値のケーシングができない場合に行うことができます変更...

$("#f2").keyup(function(){ 
    var input = $(this).val().toLowerCase(); 

    $('#dropFinish2 option').each(function() { 
     if(input == this.value.toLowerCase()){ 
      $("#dropFinish2").val(this.value); 
     } 
    }); 
}); 

Case-insensitive working example

Answer 2

EDIT：

リストを

$("input").keyup(function() { 
    if ($('select option[value="' + $(this).val() + '"]').length) { 
     // do something 
     $('select').val($(this).val()); 
    } 
}); 

Demo.