jQuery Select OnChange 也显示预选答案

【问题标题】：jQuery Select OnChange Show Pre-Selected ToojQuery Select OnChange 也显示预选
【发布时间】：2013-04-10 13:32:00
【问题描述】：

我正在使用以下代码根据下拉菜单中选择的选项显示/隐藏特定的 div。它工作正常，但我也希望使用相同的显示/隐藏方法来处理预选选项。

<script type="text/javascript">
$(document).ready(function(){
$('.statecontent').hide();

$('#select').change(function() {
        $('.statecontent').hide();
        $('.' + $(this).val()).show();    
    });
});
</script>

<select id="select" class="cms_dropdown">
<option value="#">- Select One -</option>
<option value="2">Lead</option>
<option value="3">Quote</option>
<option value="4">Confirmed</option>
</select>

<div class="statecontent 2">
Something
</div>

<div class="statecontent 2 3">
Something
</div>

<div class="statecontent 3 4">
Something
</div>

目前所有的div都设置为加载页面时隐藏，需要手动更改下拉更新视图。

谢谢

【问题讨论】：

标签： jquery toggle show-hide option

【解决方案1】：

您可以在使用.triggerHandler() 注册事件处理程序后手动触发更改事件。

$(document).ready(function() {
    $('.statecontent').hide();

    $('#select').change(function() {
        $('.statecontent').hide();
        $('.' + $(this).val()).show();
    }).triggerHandler('change');
});

演示：Fiddle

【讨论】：

谢谢，但这对我没有用。当我加载页面时，我有所以理论上最后一个 div 应该立即可见，但事实并非如此。不过感谢您的帮助。