Question

我有选择元素

  <select id="tokenize" multiple="multiple" 
class="tokenize" style="margin: 0px;
 padding: 0px; border: 0px; display: none;"/>

在select元素下面有div，它是class

<div class="tokenize Tokenize">
<ul class="TokensContainer ui-sortable">
<li class="Placeholder" style="display: list-item;">
enter Position</li><li class="TokenSearch">
<input size="5"></li></ul><ul class="Dropdown"
 style="display: none;"></ul></div>

我想聚焦（用光标）div最接近select.That div通过javascript动态创建所以我无法从html修复它所以我尝试javascript.I想要聚焦div（它是类标记化）是最近的选择元素（它是id tokenize）

我试试这个，但这不起作用

  document.getElementById(Select-Element-ID).firstElementChild.focus().select();

Answer 1

您必须将tabindex属性添加到div以使其可聚焦资料来源：https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex

更新：

var $inputToFocus = document.getElementById(Select-Element-ID).nextElementSibling.querySelector('.TokenSearch input');

$inputToFocus.focus();

Answer 2

这是使用Jquery的最先进的问题解决方案.. 而且非常简单

$（ “＃记号化”）最接近的（ “DIV”）聚焦（）;

焦点选择元素的最近部分

2 个答案: