使用jquery从表单中选择多维数组

ism*_*elw 0 html forms arrays jquery jquery-selectors

我试图用JQuery选择一个多维表单项.但是,当我试图提醒其价值时,我得到一个undefined.

这是我的表格:

    <select name='item[1][name]'>
       <option value='1'>Name 1</option>
       <option value='2'>Name 2</option>
       <option value='3'>Name 3</option>
       <option value='4'>Name 4</option>
    </select>

    <input type='text' name='item[1][id]' class='text' />
Run Code Online (Sandbox Code Playgroud)

当我点击提交按钮时,我尝试选择所有表单元素.

我成功选择了文本输入字段:

var item1i = $('input[name="item[1][id]"]');
var personi = $(item1i).val();
Run Code Online (Sandbox Code Playgroud)

但是当我尝试选择这样的select标签时:

var item1n = $('input[name="item[1][name]"]');
var personn = $(item1n).val();
Run Code Online (Sandbox Code Playgroud)

当我发出警报时personi,显示正确的值.但是当我发出警报时personn我会得到undefined.

知道我做错了什么吗?

Nel*_*son 5

使用 $('select[name="item[1][name]"]');

或者, $(':input[name="item[1][name]"]');

input只会选择带input标记的元素,因此对于您的选择,您必须使用select标记.

或者,jquery提供了:input返回任何表单元素(输入文本,选择,复选框,文本区域等)的特殊选择器,因此您也可以使用它.