Andy Blog
0%

notes_20200113

Posted on Edited on Disqus:

Form表單遇到多個相同name的解決方法

在以php為backend的狀況

在php中，我們可以將name得名稱設為 “xxx[]”，這樣在表單提交的時候可以獲得一個array的資料。如果沒有使用中括弧，在多個相同name提交的狀況下，只會獲得最後一個資料。

在以Node.js為backend的狀況

在Node.js為backend的狀況下，我們就無法使用中括弧的方法獲得array資料。但我們可以透過foreach或for迴圈的方法，自行將資料整理成array在觸發API或進行資料的處理。

Table欄位動態增加解決方法

innerHTML

直接以string的方式將html tag組合完畢，如 

1
<tr><td>123</td></tr>

再透過innerHTML指定從哪個元素插入
但相對的如果欄位數量較多，在做組合時較為麻煩

透過table的insertRow和insertCell來解決

1
2
3
4
let table = document.getElementById("table");
let tr = table.insertRow(-1);
let td1 = td.insertCell(0);
td1.innerHTML = <span>RED</span>
  • 透過insertRow來指定從哪一列開始增加列
  • 0為從目前表格最上方，-1為表格最下方
  • insertCell來增加該列的欄位
  • 欄位內的內容可以透過innerHTML直接指定或透過createElement來生成