通过 Javascript 设置 HTML 文本字段答案

【问题标题】：Setting HTML Text Fields via Javascript通过 Javascript 设置 HTML 文本字段
【发布时间】：2013-12-31 18:07:07
【问题描述】：

我想知道是否有一种方法可以将 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>

感谢观看！

【问题讨论】：

标签： javascript php html arrays forms

【解决方案1】：

试试这个：

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

谢谢

【讨论】：

那太美了。如果可以的话，我会给你 +rep，但不幸的是，由于我对这个网站很陌生，我无法做到。非常感谢！

【解决方案2】：

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

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

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

这是一个example...

或者，如果你想设置文本框的值，你可以使用这样的东西：

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

这也是一个example...

【讨论】：

做到了。这些东西在网上/堆栈中很难搜索。感谢您的帮助！

【解决方案3】：

我认为你可以这样做：

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

【讨论】：