从静态输入字段更新表单选择(下拉列表)

时间:2011-11-16 04:51:57

标签: jquery html forms select

我看到了从选择框更新输入字段的各种方法,但是如何根据输入文本字段的值更新选择框?

输入文字:

<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这将是理想的。

1 个答案:

答案 0 :(得分: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事件