JQuery触发更改组合框甚至是页面加载时选中的选定值

Question

我有一个值为yes和no的组合框（选择选项），如果值为yes则来自数据库，则<div id="someid">应显示为true（显示）如果值为no，那么<div id="someid">应该隐藏。我正在尝试以下代码。

$(function(){
    if($('#yesnocombo').selectedIndex == 1){
        $('#someid').show();
    }else{
        $('#someid').hide();
    }
});

如何根据所选的组合框值自动触发事件？

任何想法？

Answer 1

你需要写下change()事件来下拉：

HTML：

<select id="yesnocombo">
    <option value="yes">yes</option>
    <option value="no">no</option>
</select>
<div id="someid">Some text</div>

JQUERY：

$(function () {
    $('#yesnocombo').change(function () {

        if ($(this).val() === "yes") {
            $('#someid').show();
        } else {
            $('#someid').hide();
        }
    });
});

如果以编程方式进行，你可以写：

$("#yesnocombo").trigger("change");

FIDDLE：

FIDDLE EXAMPLE

Answer 2

这会在页面加载时触发，但不会在更改事件上触发：

if($('#yesnocombo > option:selected').index() == 0){
    $('#someid').show();
}else{
    $('#someid').hide();
}

http://jsfiddle.net/Fjbt7/