如何根据单击的按钮填充特定的HTML表单字段
如何根据单击的按钮填充特定的HTML表单字段
提问于 2020-05-27 13:16:40
我正在用5种不同的家居服务制作一个静态网站。
它们的价格不一样。
每当他们点击“现在就订”按钮时，就会弹出一张预订表格。
现在，我想自动填写表单中的“服务所需”字段。
例如，如果有人单击“全家福自动化软件包”的“立即阅读”按钮，“所需的服务”将自动填充该名称。
我如何使用html和JavaScript来做到这一点？
回答 3
Stack Overflow用户
回答已采纳
发布于 2020-05-27 13:35:44
你只需要给你的按钮一个函数
文本内容并将其粘贴到输入中，如下所示：
function MyFunction(){
var value = document.getElementById("Test").textContent;
document.getElementById("test2").value=value;
}<p id="Test"> Is this what you want ? </p>
<button type="button" onclick="MyFunction()">Click</button><br><br>
<input type = "text" id="test2" name "teste2">
Stack Overflow用户
发布于 2020-05-27 13:25:54
这是一个简单的例子：
function Change(val){
document.getElementById("test").innerHTML=val;
}<button type="button" value="book 1" id="myButton" onClick="Change(this.value)">Click</button>
<p id="test"></p>
如何看，这个函数用按钮的值填充<p>。您可以对所有用户进行同样的操作(输入、div等)。
Stack Overflow用户
发布于 2020-05-27 13:29:24
<HEAD>
<TITLE>Test</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function testResults (form) {
var TestVar1 = form.input[0].checked;
var TestVar2 = form.input[1].checked;
if (TestVar1 == true) {
form.textbox.value = "Full Home Automation Package";
} else if (TestVar2 == true){
form.textbox.value = "Some Other Package";
} else if (TestVar1 == false && TestVar2 == false) {
form.textbox.value = "";
}
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="myform" ACTION="" METHOD="POST">Choose a Service: <BR>
<INPUT TYPE="radio" NAME="input" VALUE="red" onChange="testResults(this.form)">Service 1<P>
<INPUT TYPE="radio" NAME="input" VALUE="blue" onChange="testResults(this.form)">Service 2<P>
<INPUT TYPE="button" NAME="button" VALUE="Click" onClick="testResults(this.form)">
<P>Service Package Selected:</P> <INPUT TYPE="text" ID="textbox" NAME="selected" VALUE=""></div><p>
</FORM>
</BODY>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62044063
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号