Jquery triying使用此.val()执行组合选择,但它不显示第二个选择
我想做一个组合,当用户从选择框中选择智利时,第二个选择会显示城市。我使用的jQuery代码如下所示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
$(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,减轻客户对我的愤怒。无论如何,我测试了上面的代码,它对我来说运行良好。如果你想把你的全部代码发布到某个地方,这可能会帮助我们解决问题。