jquery - 使用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]"]');