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();

    $('#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事件

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

1 个答案: