当文本输入到文本框中时，下拉菜单的值应该改变答案

【问题标题】：when a text is entered into textbox the value of dropdown menu should change当文本输入到文本框中时，下拉菜单的值应该改变
【发布时间】：2014-11-05 16:17:42
【问题描述】：

Jsfiddle link

你好，我举一个例子。假设我们有两个州，其中有两到三个城市，当我在文本框中输入城市名称时，应该自动从下拉列表中选择州。我是 jquery 的新手。请帮助我。

<div>City<span class="red">*</span> 
<input type="text" placeholder="City" id="city" name="city" required/>
</div>
<div>State<span class="red">*</span> 
<select name="state" id="state">
    <option id="st1" value="st1">State1</option>
    <option id="st2" value="st2">State2</option>
    <option id="st3" value="st3">State3</option>
    <option id="st4" value="st4">State4</option>
</select>
</div>

$(document).ready(function () {

if ($("#city").val() == citya || $("city").val() == cityb || $("city").val() == cityc) {
    alert("State1");
} else if ($("#city").val() == cityd || $("city").val() == citye || $("city").val() == cityf) {
    $("#state").keyup("st2");
} else if ($("#city").val() == cityg || $("city").val() == cityh || $("city").val() == cityi) {
    $("#state").keyup("st3");
} else if ($("#city").val() == cityj || $("city").val() == cityk || $("city").val() == cityl) {
    $("#state").keyup("st4");
}

});

【问题讨论】：

citya 到 cityl 是从哪里来的？这些是变量还是明文？如果是明文，则在它们周围添加引号或双引号，例如 'citya' 并使用 $("#state").val("st4"); 而不是 $("#state").keyup("st4");

标签： jquery html css

【解决方案1】：

给你：

您需要在启动时检查您的#city。因此，当我输入文本时，如果我输入了citya，它将alert("State1"); 在将函数附加到元素时使用$(this) 来访问该元素。此外，=== 比 == 更好。在网上搜索 javascript 的运算符。

    $('#city').keyup(function() {
        if ($(this).val() === 'citya' || $(this).val() === 'cityb' || $(this).val() === 'cityc') {
            alert("State1");
        } else if ($(this).val() === 'cityd' || $(this).val() === 'citye' || $(this).val() === 'cityf') {
            $("#state").val("st2");
        } else if ($(this).val() === 'cityg' || $(this).val() === 'cityh' || $(this).val() === 'cityi') {
            $("#state").val("st3");
        } else if ($(this).val() === 'cityj' || $(this).val() === 'cityk' || $(this).val() === 'cityl') {
            $("#state").val("st4");
        }
    });

这是一个有效的 jsfiddle DEMO

【讨论】：