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