如何使用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获取价值的更多信息。