2013-11-25 82 views
0

我想實現html 輸入數組使用jquery設置輸入數組值

<input type="text" name="firstName[]" id="firstName[]"> 

,我需要設置另一種形式的值使用jQuery的形式提交它看起來像

<form id="tempForm"> 
    <input type="text" name="userName" id="userName"> 
    <input type="text" name="userId" id="userId"> 
</form> 

input array

對於我嘗試下面的表單提交,

var currentIndex=$("input[name^=firstName]").length; 
$("#firstName").eq(currentIndex).val($("#userName").val()); 

但它沒有工作,效果顯着。

問題:

如何使用jquery設置輸入數組的值?

回答

4

使用jQuery的追加功能都有不同的屬性值增加投入: 檢查它:

$(document).ready(function(){ 

var a = ["username","userid"]; 
var b = ["username","userid"]; 

for(var i = ; i <3 ; i++){ 
    $('#tempForm').append('<input type="text" name="'+a[i]+'" id="'+b[i]+'" />); 
} 

}); 

然後繼續你的其他作品:

var currentIndex=$("input[name^=firstName]").length; 
$("#firstName").eq(currentIndex).val($("#"+userName).val()); 

與你的js代碼替換此代碼

+0

'$(「#」+ userName).val()'。 'userName'可能是一個不可變的變量。 –

+0

感謝您的建議@VahidTaghizadeh,但我正在尋找一個輸入數組的實現,它似乎不遵循該模式。 – Runcorn

+0

@AldiUnanto是的,它會.. ..我已經糾正它.. – Runcorn