javascript - 提交时更改表单值

Question

我在提交之前使用 Javascript 更改输入值并将其保存到 MySQL 表中，但更改值后我在数据库中得到一个空白行。

我是这样使用的

document.getElementsByName('wifestatus').value  = "nothing";

我尝试了 getElementsById 但它给出了相同的结果。

    <td> <input type="radio" name="gotmarried" id="gotmarried1" value="لا" style="margin-right:5px" 
onClick="disablewifestatus()"/> </td>
<td> <label style="margin-right:5px"> <b>****</b> </label> </td>
<td> <input type="radio" name="gotmarried" id="gotmarried2" value="****" style="margin-right:5px" 
onClick="enablewifestatus()"/> </td>
<td> <label style="margin-right:5px; margin-left:5px"> <b>*****</b> </label> </td>
<td> ( </td>  <td><input type="radio" name="wifestatus" id="wifestatus1" value="******" style="margin-right:5px"/> </td>
<td> <label style="margin-right:5px"> <b> **** </b> </label> </td>
<td> <input type="radio" name="wifestatus" id="wifestatus2" value="*****" style="margin-right:5px"/> </td>
<td><label style="margin-right:5px"> <b> ***** </b> </label> </td>
<td> <input type="radio" name="wifestatus" id="wifestatus3" value="****" style="margin-right:5px"/> </td>
<td> <label style="margin-right:5px; margin-left:5px"> <b>***** </b> </label> </td> <td>  ) </td>

我正在使用 Joomla，所以发送过程将是这样的

$row->gotmarried = $_POST['gotmarried'];
 $row->wifestatus = $_POST['wifestatus'];

如何更改表单输入的值并将其保存到数据库中？

Answer 1

您应该使用getElementById，而不是getElement(s)ById

此外，当您通过某个选择器 getElements 时，它不仅仅返回该元素，它还返回一个类似数组的对象，您需要循环遍历该对象来更改其值。

http://jsfiddle.net/vhuumox0/17/