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

Question

我有一个表单在选择框中，我有两个选项“oui”和“non”：

• 选择“oui”时显示“hello”
• 选择“非”时显示“无效”

我的问题是，在提交表单后刷新页面时，“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

如何添加以下内容？

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

Answer 2

你不能只在dom准备好触发（）更改事件吗？

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

或

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

或者，如果我理解正确，你有一个名为showhide（）的函数

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