保留選擇在頁面刷新基於框的值

我有一個形式，其中在選擇對話框，在其中我有兩個選擇「OUI」和「非」：保留選擇在頁面刷新基於框的值

當「OUI」中選擇了「你好」顯示
當「非」選擇了「無效」顯示

我的問題是，當我在提交表格後刷新頁面，「OUI」或「非」是正確選擇，但不是基於價值上它像「你好」或「無效」

這裏是一些代碼

<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(); 
}); 
}

謝謝大家提前。

來源

2012-07-31 user1512411

你是如何刷新頁面？通過提交表單？或者只是在瀏覽器中刷新？ – Nick 2012-07-31 16:05:58

如何添加？

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

來源

2012-07-31 16:05:32

難道你不能只是觸發（）在DOM準備好的變化事件嗎？

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

或

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

或者，如果我理解正確的話，你有一個函數調用顯示隱藏（）

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

來源

2012-07-31 16:10:51

保留選擇在頁面刷新基於框的值

回答

相關問題