如果用户不更改选项,则将焦点移至下一个字段

特雷克斯

我有一个HTML选择列表,如下所示:

<div class="somebox" id="somebox">
     <select name="myoptions" id="myoptions">
        <option value="1">Some Text 1 </option>
        <option value="2">Some Text 2 </option>
        <option value="3">Some Text 3</option>
        <option value="4">Some Text 4 </option>
      </select>
      <input type="text" name="somename1" id="somename1">
      <input type="text" name="somename2" id="somename2">
</div>

并提供一些JavaScript代码,这些代码将重点转移到更改#myoptions的下一个元素上。

$("#somebox").on("change", "#myoptions", function(){
   $("#somename1").focus()
});

问题是:-如果用户仅单击select列表,检查列表中的其他选项但不更改该选项,如何将焦点移至下一个元素(在这种情况下,焦点位于同一上select,因为用户不会更改该值)

这是创建JSFiddle

注意-由于我们的代码tab键已禁用,因此用户很难将焦点移到下一个元素。

huan feng

这是你想要的吗?

var cc = 0;

$('#somebox').click(function () {
    cc++;
    if (cc == 2) {
        $(this).change();
        cc = 0;
    }
}).change(function () {
    $("#somename1").focus();
    cc = -1;
});

小提琴

我发现有一个类似的话题正在讨论:有用的例子

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如果给定的EditText为空,如何防止焦点移至下一个字段?

按下Enter键时如何将焦点移至下一个字段?

离子输入字段不会自动移至下一个字段

Vue输入的输入值,移至下一个字段

填满时将数据输入移至下一个字段-JS列表

覆盖选项卡键的行为,因此它不会移至下一个字段(仅将重点放在实际字段上)

如果存在字段,则取下一个字段

mysql下一个字段的日期

Textwrangler:移至下一个或上一个字

ion-input:检查ionInput上的输入并将焦点设置在下一个字段

如果先前字段为空,则使用先前数据填充表中的下一个字段

如果选择了单选选项,则将另一个字段设为必填 ASP.NET MVC

为什么不模拟选项卡按键将焦点移到下一个输入字段?

如果找到 samaccountname,则向用户名添加下一个字母

用户移至下一个输入字段或释放输入字段时触发事件

文本字段一个字符并自动更改为下一个文本字段吗?

如何更改直到下一个字符(vim),(下一个字符可以是很多的集合)

如果只有前一个或下一个字符不包含相同字符,则从字符串中替换字符

如何读取串行缓冲区中的一个字节,将其删除,然后移至下一个字节?

Oracle Forms-用户输入10个字符后,如何自动切换到下一个字段?

如果找到下一个字母,Ruby替换字符串

Panda - 如果下一个字符为空,则小写值

如何展开 textView 并自动移动下一个字段?

输入的日期在输入下一个字段时消失

单选按钮在下一个字段集中被取消选择

使用jQuery选择按Enter的下一个字段

TextInput:当maxLength填满时,自动聚焦下一个字段

如何聚焦下一个字段输入以响应本机?

如何在本机组件中集中输入的下一个字段