Javascript 加上「;“必需”;选择框
我有一个国家选择框,如果选择了美国,它会显示一个州选择框。我使用以下jQuery来实现这一点:Javascript 加上「;“必需”;选择框,javascript,jquery,html,Javascript,Jquery,Html,我有一个国家选择框,如果选择了美国,它会显示一个州选择框。我使用以下jQuery来实现这一点: $(function() { $('#country').change(function(){ $('.state').hide(); $('#' + $(this).val()).show(); }).trigger('change'); }); 如果选择了美国,是否有办法修改上述内容,将所需属性添加到状态选择框中 状态选择框位于以下DIV中 <
$(function() {
$('#country').change(function(){
$('.state').hide();
$('#' + $(this).val()).show();
}).trigger('change');
});
如果选择了美国,是否有办法修改上述内容,将所需属性添加到状态选择框中
状态选择框位于以下DIV中
<div id="USA" class="state" style="display:none">
</div>
非常感谢,
John使用以下方法:
$(“#国家”)。关于(“更改”,函数(){
设$state=$(“#state”);
如果($(this.val()=“EUA”){
$state.prop(“必需”、“必需”);
}
否则{
$state.prop(“必需”,空);
}
}).change()代码>
欧盟
其他
A.
B
拯救
使用以下方法:
$(“#国家”)。关于(“更改”,函数(){
设$state=$(“#state”);
如果($(this.val()=“EUA”){
$state.prop(“必需”、“必需”);
}
否则{
$state.prop(“必需”,空);
}
}).change()代码>
欧盟
其他
A.
B
拯救
您可能需要先检查所选值,然后使用prop()/removeProp()
:
您可能需要首先检查所选值,然后可以使用prop()/removeProp()
:
看起来它在所有情况下都隐藏了.state
字段?在任何情况下,都可以使用prop()this@RoryMcCrossan-除非在国家/地区选择框中选择了美国,否则它将隐藏。您能帮助我使用prop()所需的代码吗?我是jQuery的新手!谢谢这不是问题中显示的代码所做的,但您需要的逻辑只是$field.prop('required',true)
@RoryMcCrossan我修改了我的原始帖子,加入了用于隐藏状态选择框的DIV。看起来它在所有情况下都隐藏了.State
字段?在任何情况下,都可以使用prop()this@RoryMcCrossan-除非在国家/地区选择框中选择了美国,否则它将隐藏。您能帮助我使用prop()所需的代码吗?我是jQuery的新手!谢谢这不是你在问题中展示的代码所做的,但是你需要的逻辑只是$field.prop('required',true)
@rorymcrossan我已经修改了我的原始帖子,加入了用于隐藏状态选择框的DIV。
$(function() {
$('#country').change(function(){
var selected_value = $(this).val();
var state = $(".state");
var related_elem = $('#' + selected_value);
if( selected_value === 'USA' ){
state.prop('required', true).show();
related_elem.show();
}else{
state.removeProp('required').hide();
related_elem.hide();
}
}).trigger('change');
});