使用javascript在表单内部更改表单中输入文本的值

change the value of input text in a form inside of form using javascript

本文关键字：表单 文本 输入 javascript 内部 使用      更新时间：2023-12-17

当我单击按钮时，我希望输入文本值更改为"hello"，但它似乎不起作用，这是我的代码。Pros请帮帮我，我真的很笨，提前谢谢！

<script type="text/javascript">
function selectfile(){
    document.uploadform.selectfile.value='hello';
}
</script>

<body>
<form name="uploadform" id="uploadform">
    <input type="text" name="selectfile" id="selectfile" value="Hi"/>
    <input name="upload_file" type="button" onClick="selectfile()" value="Button"/>
</form>
</body>

请看我在jsfiddle上举的这个例子：

function selectfile() {
    var form = document.forms['uploadform'];
    form.elements["selectfile"].value = 'Hello';
}
var uploadButton = document.getElementById("upload-button");
uploadButton.addEventListener("click",selectfile);

在处理程序函数中，我首先通过id获取表单，然后设置名称为selectfile的元素（您的输入元素）的值。按钮的事件侦听器是使用addEventListener添加的。

代码中的问题是，您同时调用了函数和元素selectfile。因此，您将得到"selectfile不是函数"错误。重命名其中一个就可以了。

这应该是有效的。这是你正在使用的完整HTML吗？如果是，您需要关闭标签。它应该看起来像这样：

<html>
<head>
    <script type="text/javascript">
    function selectfile(){
    document.uploadform.selectfile.value='hello';
    }
    </script>
</head>

<body>
    <form name="uploadform" id="uploadform">
        <input type="text" name="selectfile" id="selectfile" value="Hi"/>
        <input name="upload_file" type="button" onClick="selectfile()" value="Button"/>
    </form>
</body>
</html>
相关文章：