javascript - 返回 div 中输入字段的所有值

Question

我需要在一个 div 层中形成一个包含所有值输入字段的字符串 - 使用 jquery

<div id="selection">
   <input class="field" id="1" type="hidden" value="A"/>
   <input class="field" id="2" type="hidden" value="B"/>
   <input class="field" id="3" type="hidden" value="C"/>
   <input class="field" id="4" type="hidden" value="D"/>
</div>

<input type="button" id="button" value="generate"/>

以这种形式:

id[1]=val[A]&id[2]=val[b]...so on

jquery:

 $(function() {
      $('#button').click(function() {
         //function goes here...


      });
    });

Answer 1

如果您使用 name 代替(或补充)id:

<input class="field" name="1" type="hidden" value="A"/>
<input class="field" name="2" type="hidden" value="B"/>
<input class="field" name="3" type="hidden" value="C"/>
<input class="field" name="4" type="hidden" value="D"/>

你可以使用serialize :

$('#button').click(function() {
   alert($('#selection input').serialize());
});

这给了你

1=A&2=B&3=C&4=D

如果你真的想要id[x]结构，你可以给元素命名id[1], id[2]等

编辑:哦，不知怎的，我忽略了你也想要 val[x]。这对于 serialize 是不可能的，只有当您真正将 val[x] 作为字段中的值时。但为什么需要这样一个混淆结构？

---

顺便说一句。你的按钮上缺少 type="button"。