名稱屬性自引用編號

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（url編碼的id []的字符串）。使用任何可用的方法，是否有簡短的方法來設置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" />