Question

我想知道是否有办法将HTML元素的内容设置为Javascript中的变量。

我有一个表格，可以通过数据库中的信息填充。我希望用户能够更改该表单中的值，单击更新按钮，并相应地更新数据库中的值。我的想法是从页面中的HTML项目中提取值并将它们放入变量中。

表单是使用PHP创建的，因此可以将信息输入表单元素。我不确定这是不是我的问题......

在这个函数中，我尝试创建一个空数组变量，将该数组的第一个值设置为文档中元素的内容，然后在警告窗口中发布该文本以查看它是否有效。到目前为止，当我点击按钮时，我收到的一切都没有。

    echo "<button type='button' onClick='updateForm()'>Update Record</button>";
    echo "<button type='button' href='locator.php'>Cancel Changes</button>";
    echo "<hr></form>";

    mysqli_close($conn);
?>

<script language="javascript" type="text/javascript">
    function updateForm() {
        var form_arr = [];
        form_arr[0] = document.getElementById('id_cubenum');
        window.alert(form_arr[0]);
    }
</script>

谢谢你看看！

Answer 1

您目前是否在警报中收到null？

要获取内容，您的代码应如下所示......

    window.alert(form_arr[0].value);

这是 example ...

OR ，如果您尝试设置文本框的值，可以使用以下内容：

    document.getElementById('id_cubenum').value = "ABCDE";

此处还有 example ......

Answer 2

试试这个：

document.getElementById('id_cubenum') will return only object.
You need to get values from object property.

So use it like this
document.getElementById('id_cubenum').value

谢谢

Answer 3

我认为你可以这样做：

var controlsValues = new Array();
for(var i = 0; i < document.forms[index].elements.length; i++) {
    controlsValues.push(document.forms[index].elements[i].value);
}

通过Javascript设置HTML文本字段

3 个答案: