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

Question

我尝试使用 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' />

当我点击提交按钮时，我会尝试选择我所有的表单元素。

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

var item1i = $('input[name="item[1][id]"]');
var personi = $(item1i).val();

但是当我尝试像这样选择select 标签时：

var item1n = $('input[name="item[1][name]"]');
var personn = $(item1n).val();

当我提醒personi 时，会显示正确的值。但是当我提醒personn 我得到undefined。

知道我做错了什么吗？

Answer 1

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

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

input 只会选择带有input 标签的元素，因此您必须使用select 标签进行选择。

另外，jquery 提供了特殊的:input 选择器，它返回任何表单元素（输入文本、选择、复选框、文本区域等），因此您也可以使用它。

Answer 2

var item1n = $('input[name="item[1][name]"]');  

你在这里选错了。试试这个

var item1n = $('select[name="item[1][name]"]');