Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.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 - Fatal编程技术网

javascript焦点问题

javascript焦点问题,javascript,jquery,Javascript,Jquery,我有一个有3个字段的表单。国家、州和用户 我正在努力做到以下几点。当选择美国作为国家时,州字段将显示。问题是,当我使用键盘上的tab键时,它跳过了state字段,并在users字段上运行。因此,我尝试使用focus属性,因此当我选择美国时,该州将显示+selected,但我运气不佳。。下面请找到我正在使用的代码 $(document).ready(function () { $("#cmbCountries").change(function () { $("#cmbCountri

我有一个有3个字段的表单。国家、州和用户

我正在努力做到以下几点。当选择美国作为国家时,州字段将显示。问题是,当我使用键盘上的tab键时,它跳过了state字段,并在users字段上运行。因此,我尝试使用focus属性,因此当我选择美国时,该州将显示+selected,但我运气不佳。。下面请找到我正在使用的代码

$(document).ready(function () {

 $("#cmbCountries").change(function () {
    $("#cmbCountries option:selected").each(function () {
        if ($(this).text() == "United States") {               

            $("#cmbstate").show(); 
            $("#cmbstate").focus(); 

        }

        else {
            $("#cmbstate").hide();
        }
    });
}).change();   });

有什么帮助吗?

Tabindex值一定是错误的,请尝试手动将每个输入的Tabindex分别设置为0、1和2,然后您应该能够轻松地在它们之间进行tab操作

请尝试使用此代码

$(document).ready(function () {

 $("#cmbCountries").change(function () {
    $("#cmbCountries option:selected").each(function () {
        if ($(this).text() == "United States") {               

            $("#cmbstate").show(); 
            $("#cmbstate").select();
        }

        else {
            $("#cmbstate").hide();
        }
    });
}).change();   });
focus()
更改为
select()

我曾经在我的项目中做过这件事,这对我来说也很有用。

切掉

和javascript

$(function (){

    $("#cmbstate").hide();

    $("#cmbCountries").change(function () {
        if($(this).val() == 'US')
        {
            $("#cmbstate").show();
            $('#cmbstate').focus()
        }
        else{
            $("#cmbstate").hide();
            $('#users').focus();
        }
    })


})
和html

<input type="text" name="text" id="first" />
<select id="cmbCountries">
    <option value="OTHER">OTHER</option>
    <option value="US">US</option>
    <option value="OTHER1">OTHER1</option>
</select>
 <select id="cmbstate">
     <option value="value">Value 1</option>         
     <option value="value">Value 2</option>
     <option value="value">Value 3</option>
</select>
<select id="users">
    <option value="asf">asdfasdf</option>
    <option value="fadfas">sdffd</option>    
</select>

其他
美国
其他1
值1
价值2
价值3
asdfasdf
sdffd

不工作:(当选择美国时,状态字段显示,但当选择国家时,当我按TAB键时,状态字段被跳过。@Rene Zammit您到底想要什么?基本上,我在国家字段中选择美国。之后,当我按TAB键转到状态字段时(只有在“国家”字段中选择“美国”时,“国家”字段才可见)它转到“用户”字段而不是“国家”字段。