如何使用html表中的javascript,数组关联或其他东西获取所有值

时间:2015-01-28 19:24:15

标签: javascript php ajax

我需要每本身份证,数量和成本(输入),并通过邮政方法ajax发送。但我不知道如何为此构建数组。

我可以将所有id和值放入“隐藏”输入中,但也许有更好的方法。

HTML:

<ul id="list-data">
<li class="first">Name Book #1</li><li class="quantity"><input style="border:none;" type="text" value="0"></li><li class="cost">3.6</li>
<li class="first">Name Book #2</li><li class="quantity">0</li><li class="cost">     <input style="border:none;" type="text" value="2.5"></li>
etc..
</ul>
<input type="hidden" name="id-client" value="3" />    

像这样:

array('IDBOOK1' - 数量值 - 成本值, ('IDBOOK2' - 数量值 - 成本价值 (ID-CLIENT = 3) 什么的。

请不要jquery。

1 个答案:

答案 0 :(得分:0)

var names = document.getElementsByClassName("first");
var quantities = document.getElementsByClassName("quantity");
var costs = document.getElementsByClassName("cost");
var books = [];
for(var i=0; i < names.length; i++)
{
    name = names[0].innerText;
    quantity = quantities[0].value;
    cost = costs[0].innerText;
    books.push({name:name, quantity:quantity, cost:cost});
}

console.log(books);

这是jsfiddle http://jsfiddle.net/8c0cwxh7/4/