如何在任何引导程序模式中将焦点放在第一个表单元素上

用户名

我有一个选择下拉列表和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();

如果您需要它来查找其他输入字段(例如passwordradio button),则需要在find列表中添加它们这里又问了一个类似的问题

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何将焦点放在第一个可聚焦元素jQuery上?

如何在显示后如何将焦点设置为引导模式中的第一个文本输入

如何使用javascript或jquery将焦点放在第一个LI上?

仅限CSS-当:hover悬停在任何同级上时,使第一个元素改变颜色

如何将焦点放在第一个输入上或使用类名进行选择?

如何将焦点设置为独立于ID的HTML表单中的第一个输入元素?

如何在第一个Cylce上停止引导轮播

如何在for循环中将节点插入为第一个元素?

如何在角膜中将张量的第一个元素作为图层移除?

如何在 SELECT 查询中将数组的第一个元素附加到自身

如何在 kotlin (Android) 中将焦点设置在 ArrayList<> 的最后一个元素上?

LINQ是否有任何简单/优雅的方法将第一个元素放在最后?

如何在角度6的整个应用程序中的每个页面的第一个输入字段上设置焦点

如何在Swift中将Array的第一个和最后一个元素放入

如何在加载时在第一个元素上设置动画?

如何在键(元组)的第一个元素上对字典进行排序

如何在事件侦听器上获取第一个 div 元素

如何在第一个元素(buildform)symfony上获得自动聚焦

如何在Java中将字符串的第一个字符放在字符串的最后一个位置?

从具有特定类的第一个输入中获取父表单元素

如何在我的选择字段中将表单中的第一个项目设为默认值

如何阻止 Office Fabric Dropdown 选择第一个焦点元素?

如何在Scala中将第一个列表中的每个元素与相应列表一起添加?

在第一个孩子上更改引导导航栏边栏元素颜色

如何始终将元素放在第一个位置?

如何在任何工作表中找到真正的最后一个单元格

如何在angular js指令中启用第一个输入焦点

使用箭头键将焦点设置在网格列的第一个单元格上

如何在CSS上的第一个h1元素上实现peoperty?