我有一个包含各种文本框的网格视图。我需要添加所有文本框值并在单独的文本框中显示结果。我需要使用java脚本。 请帮帮我。
答案 0 :(得分:1)
您的网格基本上是客户端的表格,因此可以使用您的网格ID访问表格,然后遍历其行以获取文本框值。
答案 1 :(得分:0)
我不完全确定你的意思:
我有一个包含各种文本框的网格视图。我需要补充一下 所有文本框值,并在单独的文本框中显示结果。
当您使用网格视图时,它实际上应该以连贯的方式填充您的数据存储。除非你的评论表明的是传统的网格视图,否则你需要使用文本框。
您可能需要查看 Knockout 。这个特殊的 Java Script 库是非常强大和动态的 - 例如:
标记:
<div data-bind='simpleGrid: gridViewModel'> </div>
<button data-bind='click: addItem'>
Add item
</button>
<button data-bind='click: sortByName'>
Sort by name
</button>
<button data-bind='click: jumpToFirstPage, enable: gridViewModel.currentPageIndex'>
Jump to first page
</button>
剧本:
var initialData = [
{ name: "Well-Travelled Kitten", sales: 352, price: 75.95 },
{ name: "Speedy Coyote", sales: 89, price: 190.00 },
{ name: "Furious Lizard", sales: 152, price: 25.00 },
{ name: "Indifferent Monkey", sales: 1, price: 99.95 },
{ name: "Brooding Dragon", sales: 0, price: 6350 },
{ name: "Ingenious Tadpole", sales: 39450, price: 0.35 },
{ name: "Optimistic Snail", sales: 420, price: 1.50 }
];
var PagedGridModel = function(items) {
this.items = ko.observableArray(items);
this.addItem = function() {
this.items.push({ name: "New item", sales: 0, price: 100 });
};
this.sortByName = function() {
this.items.sort(function(a, b) {
return a.name < b.name ? -1 : 1;
});
};
this.jumpToFirstPage = function() {
this.gridViewModel.currentPageIndex(0);
};
this.gridViewModel = new ko.simpleGrid.viewModel({
data: this.items,
columns: [
{ headerText: "Item Name", rowText: "name" },
{ headerText: "Sales Count", rowText: "sales" },
{ headerText: "Price", rowText: function (item) { return "$" + item.price.toFixed(2) } }
],
pageSize: 4
});
};
ko.applyBindings(new PagedGridModel(initialData));
Here is a link to the jsFiddle
这是直接来自 Knockouts 页面的精彩文档之一,可以找到here。无论如何,希望这有助于您 - 您可以实际利用此项目的几个方面来满足您的预期目标。唯一的区别是文本框的实现,我假设是修改内部网格数据。希望这能指明你的方向。
答案 2 :(得分:0)
试试这个
标记:
<table>
<tr>
<td>text box 1</td>
<td><input type="text" class="textbox" value="value1" /></td>
</tr>
<tr>
<td>text box 2</td>
<td><input type="text" class="textbox" value="value2" /></td>
</tr>
<tr>
<td>text box 3</td>
<td><input type="text" class="textbox" value="value3" /></td>
</tr>
<tr>
<td>text box 4</td>
<td><input type="text" class="textbox" value="value4" /></td>
</tr>
<tr>
<td>text box 5</td>
<td><input type="text" class="textbox" value="value5" /></td>
</tr>
<tr>
<td>text box Final</td>
<td><input type="text" class="textbox" value="value5" /></td>
</tr>
</table>
<input type="text" id="final" />
脚本:
<script type="text/javascript">
var getp = document.getElementsByClassName('textbox');
var temp = "";
for(i=0;i<getp.length;i++)
{
temp +=getp[i].value+" ";
}
document.getElementById('final').value = temp
</script>