html报表输出,HTML页面内的输出表格

我想在HTML表单下方的同一页面中打印提交的输入元素。选中的复选框元素应全部打印。图像元素可以避免。HTML页面内的输出表格

该功能似乎没有工作。

function validateForm(myForm) {

var a = document.getElementById("fname").value;

document.getElementById("display").innerHTML = y;

var b = document.getElementByName("passwords").value;

document.getElementById("display1").innerHTML = y;

var c = document.getElementByName("gender");

var i;

for (i = 0; i < c.length; ++i) {

if (c[i].checked)

document.getElementById("display1").innerHTML = c[i].value; //looping through radio buttons

}

var d = document.getElementByName("hobbies");

for (i = 0; i < d.length; ++i) {

if (d[i] checked)

ans = ans + d[i].value; //looping through checkboxes and adding to display in display 2 id.

}

document.getElementById("display2").innerHTML = ans;

var e = document.getElementByName("cities").value;

document.getElementById("display3").innerHTML = e;

}

Personal Details

Name:

Password:


Gender:

Male

Female


Hobbies:

Reading

Writing


City:

Surat

Ahmedabad

Rajkot

Vadodra


Image:

+2

它应该是'getElementsByName'? –

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
很抱歉,作为AI语言模型,我无法为您提供完整的Vue代码,但我可以为您提供一个简单的示例,以帮助您开始编写仓库管理系统报表页面。 首先,您需要在Vue中创建一个组件,用于呈现报表数据。您可以使用Vue的模板语法来定义组件的HTML结构,如下所示: ``` <template> <div> <h1>仓库管理系统报表</h1> <table> <thead> <tr> <th>仓库名称</th> <th>总库存</th> <th>已出库数量</th> <th>剩余库存</th> </tr> </thead> <tbody> <tr v-for="warehouse in warehouses" :key="warehouse.id"> <td>{{ warehouse.name }}</td> <td>{{ warehouse.totalStock }}</td> <td>{{ warehouse.outStock }}</td> <td>{{ warehouse.remainingStock }}</td> </tr> </tbody> </table> </div> </template> ``` 在这个示例中,我们使用了一个表格来显示仓库的库存情况。我们使用了Vue的v-for指令来循环遍历每个仓库,并在表格中显示它们的名称,总库存量,已出库数量和剩余库存量。 接下来,您需要在组件中定义数据。您可以使用Vue的data选项来定义数据,如下所示: ``` <script> export default { data() { return { warehouses: [ { id: 1, name: '仓库1', totalStock: 1000, outStock: 200, remainingStock: 800 }, { id: 2, name: '仓库2', totalStock: 2000, outStock: 500, remainingStock: 1500 }, { id: 3, name: '仓库3', totalStock: 500, outStock: 100, remainingStock: 400 } ] } } } </script> ``` 在这个示例中,我们使用了一个数组来存储每个仓库的信息。每个仓库都有一个唯一的id,一个名称,一个总库存量,一个已出库数量和一个剩余库存量。 最后,您需要在Vue中注册组件,并将其添加到页面中。您可以在Vue实例中使用components选项来注册组件,如下所示: ``` <script> import Report from './components/Report.vue' export default { name: 'App', components: { Report } } </script> <template> <div> <Report /> </div> </template> ``` 在这个示例中,我们首先使用import语句导入了我们之前定义的报表组件(Report.vue)。然后,我们在Vue实例中使用components选项将该组件注册为全局组件。最后,我们在页面中使用Report组件,以便呈现我们的报表数据。 这只是一个简单的示例,您可以根据自己的需求进行修改和扩展。希望这能够帮助您开始编写仓库管理系统报表页面的Vue代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值