问题描述
- JavaScript点击按钮弹出一个可操作窗口或表格
如图所示,我在元器件里面会输入几个名称,比如:a;b;c;d;e;。现在想点击焊点高度按钮时,窗口中可以弹出一个新窗口或者表格,里面的格式是两列,第一列是元器件的几个名称(读取上面的a;b;c;d;e),第二列就是焊点高度在第二列中我可以人为去输入值。这些做好以后,我想再这些高度值读取到另一个txt文本中去。不知道我这种想法是否能够实现?
解决方案
元器件:<input type=""text"" id=""t"" value=""a;b;c;d;e"" /><br /><a href=""javascript:setHeight()"">设置焊点高度</a><div id=""dvHeight""></div> <script> function setHeight() { var t = document.getElementById('t'); if (t.value == '') { alert('请输入元器件!'); t.focus(); return } var arr = t.value.split(';') s = '<table>'; for (var i = 0; i < arr.length; i++) { s += '<tr><td>' + arr[i] + ':</td><td><input type=""text""/></td></tr>'; } s += '<tr><td colspan=""2""><input type=""button"" value=""获取高度"" onclick=""getHeight()""></td></tr></table>'; document.getElementById('dvHeight').innerHTML = s; } function getHeight() { var ipt = document.getElementById('dvHeight').getElementsByTagName('input') s = ''; for (var i = 0; i < ipt.length; i++) { if (ipt[i].type == 'text') { if (ipt[i].value == '') { alert('请输入高度!'); ipt[i].focus(); return } s += ';' + ipt[i].value; } } s = s.substring(1); alert(s); //写入文件的代码,你研究这么久了应该会怎么写入了吧。 }</script>
时间: 2024-12-22 16:15:59