【问题标题】:JQuery trigger change even of combo box the selected value checked on page loadJQuery 触发更改甚至组合框在页面加载时检查的选定值
【发布时间】:2014-07-02 17:43:26
【问题描述】:

我有一个组合框(选择选项),其值 yesno 来自数据库,如果值为 yes,则 <div id="someid"> 应显示 true(显示)如果值为 no,则 <div id="someid">应该隐藏。我正在尝试以下代码。

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

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

有什么想法吗?

【问题讨论】:

  • 这不是我刚刚为这个论坛输入的问题,这不是实际代码

标签: javascript jquery combobox hide onload


【解决方案1】:

这将在页面加载时触发,但不会在更改事件时触发

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

http://jsfiddle.net/Fjbt7/

【讨论】:

  • 非常感谢@Jay Blanchard,你是个传奇人物...再次感谢 :)
【解决方案2】:

您需要编写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 EXAMPLE

【讨论】:

  • 我知道我,但这只会点击我认为你没有正确阅读问题
  • 你可以这样触发:$("#yesnocombo").trigger("change");
  • 这不是我想要的,请不要在这上面浪费时间,我需要决定页面加载什么值来自 db 是或否
  • @UsmanSharifAmjadKhan 你在上次评论中写的这行应该用明确的词写成问题,现在你用简单的词清除,总是试着用简单的词写问题
  • 非常感谢您的努力@Ehsan Sajjad 我的错误我很抱歉
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-06-28
  • 1970-01-01
  • 1970-01-01
  • 2014-05-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多