名称 属性 自引用 id

Question

简而言之，是否有一些自我参考代码可以将 name 属性设置为等于 id？ 例如，

<input name="this.id" id="input1">

总之，使用.serialize() 需要使用name 属性。假设，有一个表单包含许多没有name 属性的输入。我知道，

• 我如何（阅读，“应该”）将与 id 匹配的 name 属性添加到每个输入，
• creating a separate function 使用id 属性序列化表单，
• 类似question的解决方案，
• 对submit a form采取的步骤。

然而，在一些关于 SO 的研究中，我被引导相信，如果一个人要使用，

<input name="id[]" id="input1">

当序列化时，name 将附加id。在我的测试中，此方法生成 id%5B%5D（id[] 的 url 编码字符串）。使用任何可用的方法，是否有一种简便的方法来设置 name 属性，以便它在每个输入上引用 id 属性？

Answer 1

HTML 中没有任何内容可以进行引用，因此您需要手动设置它。最好的解决方案，在构建表单时设置它。或者在引用元素时设置它

console.log($("input").attr("name", function (){ return this.name || this.id }).serialize())

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="foo1" value="1" />
<input id="foo2" value="2" />
<input id="foo3" value="3" />
<input id="foo4" value="4" />

或者只写你自己的方法

$.fn.serializeId = function() {
  return $(this).map(function(){
    return this.id + "=" + encodeURIComponent($(this).val())
  }).get().join("&");
}


console.log($("input").serializeId())

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="foo1" value="1" />
<input id="foo2" value="2" />
<input id="foo3" value="3" />
<input id="foo4" value="4" />