Javascript 如果刷新页面，Jquery选择菜单选项将失败？

我有一个选择菜单，有两个选项，是或否。如果用户选择是，则“隐藏”类将从表中删除，然后显示该表。如果否，则隐藏该表

如果我刷新网页，选择菜单将停留在上一个选择上，直到我再次选择该选项，代码才会触发

我怎样才能解决这个问题

$(document).ready(function(){
    $('#checkrequestyesorno').click(function () {
        if( $('#checkrequestyesorno').val() == "Yes") {
            $("#checkrequesttable").removeClass('hidden');
        }else{
            $("#checkrequesttable").addClass('hidden');
        }

    });
});

---

在没有提供任何标记的情况下，我相信您正在尝试实现以下目标：

$document.readyfunction{ var checkYesOrNo=$'checkrequestyesorno'； var checkTable=$'checkrequesttable'； checkYesOrNo.changefunction{ 如果checkYesOrNo.val==是{ checkTable.removeClass'hidden'； }否则{ checkTable.addClass'hidden'； } }; }; .隐藏{ 显示：无； } 显示表格： 不 对 可行走 酒吧 巴兹

---

您可以使用两种方案解决此问题

场景1，通过在默认情况下向HTML元素添加类，并在默认情况下选择所需选项：

HTML:

顺便说一下，当您处理HTML元素时，使用Select是一种很好的方法，因此如果您愿意使用它，您可以编写如下代码：

HTML:

---

将默认设置添加到下拉列表中。不

<div id="checkrequesttable" class="hidden">...</div>
<select id="checkrequestyesorno">
    <option value="no" selected>No</option>
    <option value="yes">Yes</option>
</select>

<select id="checkrequestyesorno">
    <option value="no" selected>No</option>
    <option value="yes">Yes</option>
</select>

$( document ).ready(function() {
    checkRequestFunc();
    $('#checkrequestyesorno').click(function () {
        checkRequestFunc();
    });
});

function checkRequestFunc(){

   if( $('#checkrequestyesorno').val() == "Yes") {
      $("#checkrequesttable").removeClass('hidden');
   }else{
      $("#checkrequesttable").addClass('hidden');
   }

}

<select id="checkrequestyesorno">
    <option value="no" selected>No</option>
    <option value="yes">Yes</option>
</select>

$( document ).ready(function() {
    checkRequestFunc();
    $('#checkrequestyesorno').change(function() {
        checkRequestFunc();
    });
});

function checkRequestFunc(){

   if( $('#checkrequestyesorno').val() == "Yes") {
      $("#checkrequesttable").removeClass('hidden');
   }else{
      $("#checkrequesttable").addClass('hidden');
   }

}