HTML输入数组：如何获得HTML输入数组值使用javascript

Question

我有这样的代码工作正常!:

<script> 
 
function get(userfirstname, userlastname){ 
 
\t alert(userfirstname); 
 

 
\t return false; 
 
} 
 
</script> 
 

 
<form action="" method="POST"> 
 
    <input type="text" name="userfirstname"> 
 
    <input type="text" name="userlastname"> 
 
    <input type="submit" onclick="return get(userfirstname.value, userlastname.value);"> 
 
</form>

我试图用一个数组想赶输入值这样的：

<script> 
 
function get(user){ 
 
\t alert(user["firstname"].value); 
 

 
\t return false; 
 
} 
 
</script> 
 

 
<form action="" method="POST"> 
 
    <input type="text" name="user[firstname]"> 
 
    <input type="text" name="user[lastname]"> 
 
    <input type="submit" onclick="return get(user);"> 
 
</form>

我尝试了很多不同的场景，没有点:(

任何提示，将不胜感激。

Answer 1

你可以简单地针对form元素的onclick处理程序中，查询所有input元素，在它们之间迭代和构建array你正在寻找。

下面是一个例子，你可以做什么来建立一个持有每个输入元素名称和值的对象数组，除了禁用一次和提交元素。

function get(evt){ 
 
    var fields = []; 
 
    event.target.parentElement 
 
    .querySelectorAll('input:not([disabled]):not([type="submit"])').forEach(function(e) { 
 
    fields.push({name: e.name, value: e.value}); 
 
    }) 
 
    console.log(fields); 
 
    return false; 
 
}

<form> 
 
    <input type="text" name="firstname" placeholder="Name"><br> 
 
    <input type="text" name="lastname" placeholder="Surename"><br> 
 
    <input type="text" name="foo" value="foo will be excluded" disabled><br> 
 
    <input type="submit" onclick="return get();"> 
 
</form>

Answer 2

一个jQuery的方法来得到这个

function get(){ 
    var fields = []; 
    var arr = $('form').not('input[type="submit"]').find('input[type="text"]') 
    $(arr).each(function(i,val){ 
     fields.push({name:$(val).attr('name'),value:$(val).val()}) 
    }) 
} 

你不能。在JS，你必须让他们中的对象要做到这一点