我有一个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
键已禁用,因此用户很难将焦点移到下一个元素。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句