用于更改 HTML 表单中的输入文本的 Javascript 按钮事件

Javascript button event to change input text inside a HTML form

本文关键字：输入 文本 按钮 事件 Javascript HTML 表单 用于      更新时间：2023-09-26
这是一个

.php文件，我已经尝试了几种方法来完成这项工作，但我是javascript的新手。当我在启用 document.write 的情况下运行它时，它向我显示按钮的 onclick 事件正在工作。但无论出于何种原因，我都找不到有关如何写入表单中的输入文本元素的任何信息。有谁知道这应该如何工作？我必须将按钮放在表单中吗？谢谢。

<?php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function setValue() {
    //document.write("122.0000");
    document.getElementById("someid").innerHTML="222.0000";
}
</script>
<center>
<button onclick="setValue()">Write value</button><br>
<center><form action="something.php" method="post" id ="inputForm">
Value: <input type="text" id="someid" /><br>
<input type="submit" />
</form>

更改

document.getElementById("someid").innerHTML="222.0000";

自

document.getElementById("someid").value="222.0000";

这会将文本输入的value设置为222.0000，而不是尝试更改innerHTML，这是开始和结束标记之间的内容（输入不存在）。

相关文章：