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

时间:2012-07-31 16:00:57

标签: php jquery

我有一个表单在选择框中,我有两个选项“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();
});
}

提前谢谢大家。

2 个答案:

答案 0 :(得分:0)

如何添加以下内容?

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

答案 1 :(得分:0)

你不能只在dom准备好触发()更改事件吗?

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

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

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

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