Question

当我点击Button时，我希望输入文本值更改为'hello'，但它似乎不起作用，这是我的代码。优点请帮助我真的是菜鸟，提前谢谢！

<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>

Answer 1

请参阅此example I put up on 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不是函数”错误。重命名其中一个和it works。

Answer 2

这应该有效。这是您正在使用的完整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>

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

2 个答案: