Question

我的表格具有多个输入和选择框（使用https://selectize.github.io/selectize.js/）。当按下特定键时，我正在运行特定代码。因此，首先在该代码中，我尝试获取focused元素的name属性。对于具有简单名称（例如name="xyz"，即纯文本）的元素，它是完美的选择。

该元素在表格单元格“ td”内。

但是，当元素中包含name="abc_xyz[]"之类的带有方括号的名称时，代码将失败。返回未定义。另外，该元素为“选择”，没有ID，但具有类。

所以我尝试使用类，但是没有用。就像class="xyz_abc selectized"

这是我到目前为止尝试过的。

var focusedName = $(':focus').attr('name');
var focusedName = $(':focus').attr('class').split(' ');

我也尝试过.slice（0，-2）和.prop（）方法。

例如：

var focusedName = $(':focus').attr('name').slice(0,-2);
var focusedName = $(':focus').prop('name');
var focusedName = $(':focus').attr('name');

HTML示例：

<td>
<select name="item_group1[]" class="item_group1 selectized" tabindex="-1" style="display: none;"><option value="10" selected="selected">BBBBBBBBBGROUP1</option>
</select>
<div class="selectize-control item_group1 single">
<div class="selectize-input items has-options full has-items">
<div class="item" data-value="10">BBBBBBBBBGROUP1</div>
<input type="select-one" autocomplete="off" tabindex="" style="width: 4px; opacity: 0; position: absolute; left: -10000px;">
</div>
<div class="selectize-dropdown single item_group1" style="display: none; visibility: visible; width: 294px; top: 24px; left: 0px;">
<div class="selectize-dropdown-content">
<div class="option selected" data-selectable="" data-value="12">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAa</div>
<div class="option" data-selectable="" data-value="8">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
<div class="option" data-selectable="" data-value="9">AAAAAAAAAAGROUP1</div>
<div class="option selected" data-selectable="" data-value="10">BBBBBBBBBGROUP1</div>
<div class="option" data-selectable="" data-value="7">DADADWDSDS</div>
<div class="option" data-selectable="" data-value="11">GROUP1GROUP1</div>
</div></div></div>
</td>

所以请帮助我解决此问题。为什么选择元素返回名称未定义。谢谢。

使用jquery

0 个答案: