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

标签 javascript forms text input

当我单击按钮时,我希望输入文本值更改为“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>

最佳答案

请参阅此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 .

关于javascript - 使用javascript更改表单内表单中输入文本的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11595717/

相关文章:

javascript - HTML/JS : Calculating and displaying price

javascript - 使用 javascript 取消表单提交不起作用

r - 如何从字符串中删除阿拉伯文本

javascript - Html分区边框动画

javascript - angular.forEach 解决嵌套的 promise

c# - 网站 |表单认证 |获取所有登录用户(所有用户列表或计数)

android - 修复了 Android 上使用 fmx 字体的 : canvas. 填充文本被 block 背景包围的问题

linux - 如何按第三列中的数字对数据进行排序?

javascript - 粘性响应移动汉堡菜单不会显示

javascript - 删除/移动 Google Chrome 左下角的状态栏(链接地址栏)