JQuery试图在下拉列表中隐藏选项，除非事先选中

我不熟悉PHP和JQuery，我正在试图找到一种方法来获得一个选项，直到它被选中为止

我有这个列表，有很多选择。但是，如果默认设置为“否”，我只想隐藏一个选项，如果选择为“是”，则仅显示在“排序依据”下拉菜单中

在后台，当生成表单时，默认情况下有一个时间列，并且生效日期不存在，因此生效日期默认为否。一旦选择为是，则在表单上，时间将替换为生效日期，从而显示在排序方式下拉列表上，并且可以选择

HTML:

我也在使用通过Stackoverflow发现的JSFIDLE，并尝试使用它，但我不知道我在做什么

---

有什么建议吗？帮助？

并非每个浏览器都支持隐藏

选项
标记。你很可能想要删除这个选项，或者使用一个插件来模拟一个下拉列表，可以隐藏它的选项。。要使更改在加载时生效，可以添加
.change（）在
}之后）
在您的处理程序的末尾将是
}）。。谢谢大家的回答。我没想到会得到如此迅速的答复。老实说，我很震惊。在这一点上，我仔细考虑了每个人的答案，并从这次经历中吸取了教训。非常感谢你们的指导。
<tr><td>Effective Dates</td>
    <td><select name="effDate" id="effDate">
        <option value='N' selected>No</option>
        <option value='Y'>Yes</option>
    </select></td></tr>

<tr><td>Sort By</td>
    <td><select name="sortBy" id="sortBy">
        <option value="A">Account</option>
        <option value="H">Branch</option>
        <option value="N">Name</option>
        <option value="C" selected>Transaction Time</option>
        <option id="ED" value="E">Effective Date</option>
        <option value="U">User</option>
</select></td></tr>

$("#effDate").change(function () {
    var selected_option = $('#effDate').val();
    if (selected_option === 'N') {
        $('#ED').hide();
    }
    if (selected_option == 'Y') {
        $("#ED").show();
    }
})