php - 在页面刷新时保留基于选择框的值

Question

我有一种形式，在选择框中我有两个选项“oui”和“non”：

• 选择“oui”时显示“hello”
• 选择“non”时显示“not valid”

我的问题是当我提交表单后刷新页面时，“oui”或“non”被正确选择，但不是基于它的值，如“hello”或“not valid”

这是一些代码

<p>choose option: <select name="opt" class="slct">
    <option value="0" selected="selected">--</option>
    <option value="oui">Oui</option>
    <option value="non">Non</option>
    </select>
</p>
<div id="oui" class="brandDiv">
  hello
</div>
<div id="non" class="brandDiv">
  not valid
</div>

和jQuery

function showhide() {
$("div.brandDiv").hide();
$("select.slct").bind('change', function() {
    $('div.brandDiv').hide();
    var targetId = $(this).val();
    $('div#' + targetId).show();
});
}

谢谢大家。

Answer 1

你不能只触发（）dom 上的更改事件吗？

$("select.slct").trigger('change');

或者

$("select.slct").change();

或者，如果我理解正确，您有一个名为 showhide() 的函数

$(function(){  // <-- on dom ready
      showhide(); // <-- run function
}); 

Answer 2

那么添加以下内容呢？

$( function() {
    $("select.slct").each(
      function() {
        $('div.brandDiv').hide();
        var targetId = $(this).val();
        $('div#' + targetId).show();
      }
    );
  }
)