我有一个选择下拉列表和2个输入字段。我知道如何使用以下任何模式将焦点设置在第一个输入字段上:
$('.modal').on('shown.bs.modal', function () {
$(this).find('input:text:visible:first').focus();
})
https://www.w3schools.com/code/tryit.asp?filename=FDG195P90CWU
但是当同时存在下拉列表和输入字段时,我看不到该怎么办。
我认为您可能正在寻找这样的东西: $("select:first").focus();
这是JQuery代码:
$(document).ready(function(){
$("#myBtn").click(function(){
$("#myModal").modal();
});
$('.modal').on('shown.bs.modal', function () {
//$(this).find('input:text:visible:first').focus();
$("select:first").focus();
})
});
当您运行它时,您会看到选择框突出显示为蓝色(至少在Chrome中是),我基于类似的问题找到了这个答案。希望能有所帮助
编辑:
如果希望它选择第一个文本或选择字段,则可以使用:
$(this).find('input[type=text],textarea,select').filter(':visible:first').focus();
如果您需要它来查找其他输入字段(例如password
或radio button
),则需要在find
列表中添加它们。这里又问了一个类似的问题。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句