我正在使用5种不同的家庭认证服务制作一个静态网站。
这些价格不同。
[只要他们单击“立即预订”按钮,就会弹出预订表格。
现在,我想自动填写表单中的“需要服务”字段。
例如,如果某人单击“ Full Home Automation Package”的“立即预订”按钮,则“所需服务”将自动填充该名称。
如何使用html和JavaScript这样做
这是一个简单的示例:
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等)进行相同操作。
<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>
您只需要给您的按钮一个函数,您就可以在其中获得输入/下拉(我不知道您假装使用哪个)值并将其粘贴到其他输入/标签,如下所示:
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">