可以写一个为表单内元素赋值的方法，三个按钮上面添加点击事件，点击时调用这个赋值方法，但是传的参数不一样，在方法中根据不同的参数，为表单赋不同模板的值。
不知上面是否写的清楚，我写了一个对应的小demo：
<html><head>
<title>demo</title>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript">
function demo(demo){
if(demo ==1){
$("#input1").attr("value","这是模板1")
$("#input2").attr("value",demo)
} else if(demo ==2){
$("#input1").attr("value","这是模板2")
$("#input2").attr("value",demo)
} else if(demo ==3){
$("#input1").attr("value","这是模板3")
$("#input2").attr("value",demo)
}
}
</script>
</head>
<body>
<button onclick="demo(1)">模板1</button>
<button onclick="demo(2)">模板2</button>
<button onclick="demo(3)">模板3</button>
<form>
<input id="input1" type="text"/>
<input id="input2" type="text"/>
</form>
</body>
</html>
以上，希望对你有帮助！
预览和下载是以什么形式去展现呢，Excel吗？
如果是Excel的话，可以使用SpreadJS组件来完成，SpreadJS本身是纯前端的组件可以之间嵌入在HTML的dom里，本身自带下载和展示功能，通过设计模块还可以赋予表格设计功能。这样可以完成你说的设计一个表格，然后填写一个表格，之后再预览并下载一个填好的表格的功能。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）