Javascript Jquery切换下拉列表在页面加载时显示隐藏div

我有一个功能，当选择一个下拉列表时，它会隐藏显示一个div，并且可以完美地工作

$('#allday').on('change', function () {
    $("#mytimes").toggle(this.value == 'No');
});

当用户选择此选项时，他们将进入一个编辑页面，页面上有相同的字段。现在，如果选择的值是yes，我希望它以已经隐藏的div开始。如果它是一个否，我希望它开始与div visable和仍然运行在正确的庄园切换。这是我在编辑页面上的代码，但它不起作用

$('#allday').on('change', function () {
    $("#mytimes").toggle(this.value == 'No');
});

if ($('#allday').val() == 'No') {
    $('#mytimes').show();
} else if($('#allday').val() == 'Yes') {
    $('#mytimes').hide();
}

这是我在php中选择的字段

Form::Select ("Available All Day", "allday", $allDayOpt,  array('name'=>'allday', "autocomplete"=>"off"));
echo '<div id="mytimes">';
Form::Textbox("Start Time", "hourstime", array('name'=>'hourstime', 'data-format'=>"HH:mm" ,'data-template'=>"HH : mm"));
Form::Textbox("End Time", "houretime", array('name'=>'houretime', 'data-format'=>"HH:mm" ,'data-template'=>"HH : mm"));
echo '</div>';

Form：：选择（“全天可用”、“全天”、“全天可用”、“全天可选”、“数组（'name'=>“全天”）、“自动完成”=>“关闭”）；
回声'；
表单：：文本框（“开始时间”，“小时时间”，数组（'name'=>'hourstime'，'data format'=>“HH:mm”，“data-template'=>“HH:mm”）；
表单：：文本框（“结束时间”、“houretime”、数组（'name'=>'houretime'、'data format'=>“HH:mm”、'data-template'=>“HH:mm”）；
回声'；

我认为应该将代码的显示/隐藏部分放在加载页面后运行的函数中

$('#allday').on('change', function () {
   $("#mytimes").toggle(this.value == 'No');
});

$(function() {
    if ($('#allday').val() == 'No')
    {
      $('#mytimes').show();
    }
    else if($('#allday').val() == 'Yes')
    {
      $('#mytimes').hide();
    }
});

---

我认为应该将代码的显示/隐藏部分放在加载页面后运行的函数中

$('#allday').on('change', function () {
   $("#mytimes").toggle(this.value == 'No');
});

$(function() {
    if ($('#allday').val() == 'No')
    {
      $('#mytimes').show();
    }
    else if($('#allday').val() == 'Yes')
    {
      $('#mytimes').hide();
    }
});

---

如果我没弄错的话，你可以试试

$("#mytimes").toggle(this.attr('value', 'no'));

并使用

if($('#allday').attr('value') == 'Yes'){ //do something }

---

如果我没弄错的话，你可以试试

$("#mytimes").toggle(this.attr('value', 'no'));

并使用

if($('#allday').attr('value') == 'Yes'){ //do something }

---

显示

html

的

select

全天选择是否有其他选项？如果没有，您可以将其更改为复选框并使用.attr（“checked”）Show

html

of

select

全天选择是否有其他选项？如果没有，您可以将其更改为复选框并使用.attr（“checked”）