Javascript 如何使用jquery隐藏或显示带有两个select选项的输入

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

这是我的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>

改变

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

到

我应该这样做

有关如何从

select

元素获取值的详细信息

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

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