ava cript-JavaScript點擊按鈕彈出一個可操作窗口或表格

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>