Question

我是Ajax XMLHttpRequest的初学者，我有一些问题需要解决。

我有一个从MYSQL表中读取信息的表单。使用“while looping”为用户显示这些信息。

每个表格行都以用户身份显示为带有两个文本字段的html表单。

例：第1行

<form id="form_excecoes11" method="post">
Text-field 1: <input name="ini_exp1" id="ini_exp1" type="text">
Text-field 2: <input name="ini_exp2" id="ini_exp2" type="text">
<input name="id_dia" id="id_dia" type="hidden" value="11" />

<img src="save.jpg" height="25" width="26" onclick="save();" id="botao_salvar">
</form>

第2行

<form id="form_excecoes12" method="post">
Text-field 1: <input name="ini_exp1" id="ini_exp1" type="text">
Text-field 2: <input name="ini_exp2" id="ini_exp2" type="text">
<input name="id_dia" id="id_dia" type="hidden" value="12" />

<img src="save.jpg" height="25" width="26" onclick="save();" id="botao_salvar">
</form>

这些文本字段的名称是动态分配的（使用变量值）。

用户从文本字段更改值后，单击“保存”按钮。这会从JS外部文件触发XMLHttpRequest。

我需要的是我的JS读取所有文本字段名称和值，并使用xmlhttp.send（params）发送它。

在JS文件中我只从ROW 1中获取变量值（我可以看到我的php echo结果），我无法从ROW 2中获取值。

为什么？

function save(){
//...
     var js_ini_exp = document.getElementById("ini_exp");
  var js_ini_exp2 = encodeURIComponent(js_ini_exp.value);

     var js_ini_exp3 = document.getElementById("ini_exp2");
 var js_ini_exp4 = encodeURIComponent(js_ini_exp3.value);

     var js_id_dia = document.getElementById("id_dia");
 var js_id_dia2 = encodeURIComponent(js_id_dia.value);
}

问题可能是document.getElementById？

如何在XMLHttpRequest中读取带有变量名的html表单中的所有文本字段？

0 个答案: