Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/371.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 加上「;“必需”;选择框_Javascript_Jquery_Html - Fatal编程技术网

Javascript 加上「;“必需”;选择框

Javascript 加上「;“必需”;选择框,javascript,jquery,html,Javascript,Jquery,Html,我有一个国家选择框,如果选择了美国,它会显示一个州选择框。我使用以下jQuery来实现这一点: $(function() { $('#country').change(function(){ $('.state').hide(); $('#' + $(this).val()).show(); }).trigger('change'); }); 如果选择了美国,是否有办法修改上述内容,将所需属性添加到状态选择框中 状态选择框位于以下DIV中 <

我有一个国家选择框,如果选择了美国,它会显示一个州选择框。我使用以下jQuery来实现这一点:

$(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');
});