javascript - 如何使用 jquery 隐藏或显示带有两个选择选项的输入

Question

我有两个选择选项，我希望它们对输入进行更改。

这是我的js代码代码:

$(document).ready(function() {
    $('select[name=Start]').change(function() {
        if (this.value == 'St1') {
            $('#PlPrc').css("display", "");
        }
        else if (this.value == 'St2') {
            if($('select[name=End]').value == 'End1') {
                $('#PlPrc').css("display", "");
            }
            else{
                $('#PlPrc').css("display", "none");
            }
        }
    });
});

这是 html 代码:

<select name="Start">
    <option value="St1">End 1</option>
    <option value="St2">End 2</option>
</select>

<select name="End">
    <option value="End1">End 1</option>
    <option value="End2">End 2</option>
</select>

<div id="PlPrc" style="display:none;"><input type="text" name="PlPrc" value=""/></div>

问题是，JavaScript 代码不会处理第二个 if 子句:

if($('select[name=End]').value == 'End1') {
    $('#PlPrc').css("display", "");
}

Answer 1

改变

$('select[name=End]').value

到

$('select[name=End]').val()

应该这样做。

有关如何从 select 元素获取值的更多信息 here .