我正在構建一個小的網頁，該網頁將用于通過預定義的設置操作來控制一組RGB led。為了以圖形方式配置操作，將使用一個包含開始和結束像素，相關顏色信息以及要使用的設置操作的表單。

(順便說一句，不提交表單，因此，如果其他結構更好用，則可以改用它。Forms support name，因此至少可以幫助其中的一些。Javascript將表單中的數據解析為JSON文件與AJAX稍后發送的。我已經得到了那大多是想通了，但有一些地方我要去哪里的問題，彈出復雜的事情，試圖讀出所有形式的數據一次在一個簡單方式。)

每個表單都有一些動作(onChange選擇該動作的下拉菜單或刪除按鈕)僅影響該表單(或其一部分)。還應該有一種一次性獲取所有表單并提取數據以發送到服務器的方法(name由于THAT數據安全地包含在表單可訪問元素中，因此可以很好地工作)。

我也無法使用JQuery之類的幫助程序庫，因為無法訪問Internet。所有代碼都必須托管在服務器上，而且空間極小(托管它的是嵌入式處理器)。我現在不想添加40KB的Jquery。

我遇到的問題是我需要更改標簽文本并根據選擇的選項顯示或隱藏元素。

例如，一種顏色只需要一個顏色輸入標簽，而線性淡入淡出則需要兩個顏色標簽。其他人則不需要顏色，因為它們會對現有的顏色模式執行操作。

使用aform可以name通過查找form_as_JS_var.elements.name來訪問具有屬性集的事物。遺憾的是，這不適用于原始HTML或spans或除特定于表單的元素以外的任何其他內容。我還發現，document.getElementById()除了document(如果到目前為止還不很清楚，我對HTML和JS有點陌生)以外，它沒有其他等效項。我一直希望做類似.getElementById(“ color1”)之類的事情(它可能會讓我使用相同的標簽以簡化操作，只要它們不會以每種形式重復使用，但事后看來有點愚蠢)。無論哪種方式，我都需要確保每個添加的表單都包含多個全局唯一的ID，并且 以某種方式 當受影響的物料和觸發更改的物料具有相同的形式時，請查找ID！

我確實發現了該label標簽，但是它(出于某些無法解釋的原因)綁定到ID而不是名稱(并且很煩人，無法使用JS進行設置，但這是另一回事了)。因此，我仍然堅持使用從全局訪問的全局ID，document而不是從任何形式的本地表單方法訪問。

我要使用的HTML表單如下：

New Control Entry

Type:

Rainbow Pattern

Clone Fill

Linear Fade

Single Color

Animation

Color 1:

Color 2:

請注意，其中很多都需要唯一的ID(添加了_＃部分)。我必須具有GUID才能使標簽正確訪問它們(沒有ID使得標簽不可訪問，非唯一ID使它們全部均等地綁定到具有該ID的每個項目(跨表格))。我還必須有一個ID才能更改圖例標簽的名稱(應該更改為與當前選擇的Type相匹配。

總結

以上是生活随笔為你收集整理的html实现动态多表单输入,使用javascript动态编辑多个相同的HTML表单的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。