Jquery triying使用此.val()执行组合选择,但它不显示第二个选择

Jquery triying使用此.val()执行组合选择,但它不显示第二个选择,jquery,select,Jquery,Select,我想做一个组合,当用户从选择框中选择智利时,第二个选择会显示城市。我使用的jQuery代码如下所示 $(document).ready(function() { var ciudad = $("#ciudad"); ciudad.css("display","none"); $("select#selectionpais").change(function() { var hearValue = $("select#selectionpais").val

我想做一个组合,当用户从选择框中选择智利时,第二个选择会显示城市。我使用的jQuery代码如下所示

$(document).ready(function() {
    var ciudad = $("#ciudad");
    ciudad.css("display","none");

    $("select#selectionpais").change(function() {
        var hearValue = $("select#selectionpais").val();
        if( hearValue == "chile") {
            ciudad.css("display","block");
        } else {
            ciudad.css("display","none");
        }
    });
});
​
Html就是这样(为了理解而删节)


。。。。 智利 阿法加尼斯坦

第二个选择(应该显示的是这个)


圣地亚哥


有人知道它为什么不起作用吗?

资本化很重要

你确定你不是说:

hearValue == "Chile"

资本化很重要

你确定你不是说:

hearValue == "Chile"

我认为兰布林伍德所说的可能是问题所在。虽然我确实在代码中看到了一些其他问题。这可能就是你复制/粘贴它的方式。但似乎有一些额外的括号和分号。这是一个正确的工作版本。请注意,我使用了隐藏和显示函数,而不是更改css显示属性

    $(document).ready(function() {
    var ciudad = $("#ciudad");
    ciudad.hide();
       $("select#selectionpais").change(function(){
        var hearValue = $("select#selectionpais").val();
        if( hearValue == "chile")
            ciudad.show();
         else 
            ciudad.hide();
       });
    });
以下是HTML:

<select name="pais" id="selectionpais">
    <option value="">Please choose</option>
    <option value="chile">Chile</option>
</select>
<select id="ciudad" name="ciudad" class="ciudad">
    <option value=""></option>
</select>

请选择
智利

我认为兰布林伍德所说的可能就是问题所在。虽然我确实在代码中看到了一些其他问题。这可能就是你复制/粘贴它的方式。但似乎有一些额外的括号和分号。这是一个正确的工作版本。请注意,我使用了隐藏和显示函数,而不是更改css显示属性

    $(document).ready(function() {
    var ciudad = $("#ciudad");
    ciudad.hide();
       $("select#selectionpais").change(function(){
        var hearValue = $("select#selectionpais").val();
        if( hearValue == "chile")
            ciudad.show();
         else 
            ciudad.hide();
       });
    });
以下是HTML:

<select name="pais" id="selectionpais">
    <option value="">Please choose</option>
    <option value="chile">Chile</option>
</select>
<select id="ciudad" name="ciudad" class="ciudad">
    <option value=""></option>
</select>

请选择
智利

Thx对于答案,虽然它不起作用。。。我使用('display','none')来查看它是否有效,首先我尝试使用val(),但它重新融合,并拒绝了。我想这对我来说可能是灾难性的DOM,所以我会让它们显示出来,并通过mysql填充它们,给它一些flare,减轻客户对我的愤怒。无论如何,我测试了上面的代码,它对我来说运行良好。如果你想在某个地方发布你的全部代码,这可能会帮助我们解决问题。Thx的答案,它是不工作的,虽然。。。我使用('display','none')来查看它是否有效,首先我尝试使用val(),但它重新融合,并拒绝了。我想这对我来说可能是灾难性的DOM,所以我会让它们显示出来,并通过mysql填充它们,给它一些flare,减轻客户对我的愤怒。无论如何,我测试了上面的代码,它对我来说运行良好。如果你想把你的全部代码发布到某个地方,这可能会帮助我们解决问题。