簡體   English   中英

如何在提交表單之前更改表單元素的ID?

[英]how to change id of form elements before form gets submitted?

我的表有很多行,每行都有選擇列表。 像這樣:

| USER    | MANAGER            | DEPARTMENT   |

| Rob     | [John Smith |V]    | [Sales |V]   | 

| Sue     | [Bob Jones |V]     | [Support |V] |

用戶可以自由添加新行,行很多,列表的內容很復雜。

我給每個經理選擇器ID為“ manager”,每個部門選擇器ID為“ department”,從而大大簡化了事情。

提交表單后,我編寫了一些JavaScript來遍歷每一行,找到每一行,然后更改ID“ manager_ [rownumber]”和“ department_ [rownumber]”。

然后我提交表格。 我的JavaScript代碼如下。

基於帶有警報彈出窗口的調試,id會按照我想要的方式進行更改,但是servlet僅收到一個“ manager”參數和一個“ department”行號。

為什么不提交所有輸入(“ manager_1”,“ manager_2”等)? 更改ID之后,我需要做些什么以確保更改在提交表單之前生效嗎?

謝謝!

這是我的代碼:

function submitForm() {
  correctInputIDs();
  document.myform.submit();
}

function correctInputIDs() {
  var rows = document.getElementsByTagName("tr");
  for (var i=0; i<rows.length; i++) {
    var row = rows[i];
    selectElements = rows.getElementsByTagName("select");
    for (var j=0; j<selectElements.length; j++) {
      var selectElement = selectElements[j];
      if (selectElement.id == "manager") {
        selectElement.id = "manager_"+i;
      }
      if (selectedElement.id == "department") {
        selectElement.id = "department_"+i;
      }
    }
  }
}

因為ID與表單提交無關緊要,所以name s無關緊要。

快樂閱讀

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM