[英]JS reading of inputs into dynamically created HTML form fields
尋求幫助;
我一直在玩弄各種代碼片段,這些代碼片段動態地將文本字段添加到 HTML 表單中。 該頁面是基本的:一個表單提示輸入至少一個文本字段; 有一個按鈕可以提供添加更多文本字段; 有一個按鈕來提交所有顯示的字段中的條目 - 這個想法是將字段條目讀入變量,然后通過相同的 html 頁面簡單地顯示給用戶。
向表單添加字段可以正常工作。
我無法弄清楚的是如何在同一頁面中僅使用 JS 來讀取字段中的輸入(即沒有 PHP 或其他基於服務器的數據讀取)。
從創建附加字段的代碼中提取如下:
<div class="input_fields_wrap">
<button class="add_field_button">Add More Fields</button>
<div><input type="text" name=mytext[]></div>
</div>
用於動態添加字段的 JS 部分顯示為:
var x = 1; //initlal text box count
$(add_button).click(function(e){ //on add input button click
e.preventDefault();
if(x < max_fields){ //max input box allowed
x++; //text box increment
$(wrapper).append('<div><input type="text" name=mytext[]/><a href="#" class="remove_field">x</a></div>'); //add input box
}
});
然后,表單“提交”按鈕如下:
<input name="button" onclick="addtext()" type="button" value="Show" />
然后,函數(在同一頁面中)addtext() 基本上是:
function addtext() {
var f2 = document.myform.?????????????
document.writeln(f2,'<br>')
}
哪里“???????????????” 表示嘗試從任何 mytext[] 動態添加的字段中讀取條目......這是我無法想象的部分。
建議表示贊賞。 謝謝。
你幾乎已經通過了。
var readInputVariables = function(){
$('input:text').each(function(index,element){
console.log(element.val()); // do whatever you want with the value;
})
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.