Как заполнить определенное поле формы HTML на основе нажатой кнопки - PullRequest
Новая
       68

Как заполнить определенное поле формы HTML на основе нажатой кнопки

0 голосов
/ 27 мая 2020

Я делаю Stati c Веб-сайт с 5 видами различных услуг по размещению дома.

У них разные цены.

Каждый раз, когда они нажимают кнопку «Забронировать», всплывает форма бронирования.

Теперь я хочу заполнить «услугу» поле обязательно »в форме автоматически.

Например, если кто-то нажимает кнопку« Забронировать сейчас »для« Полный пакет домашней автоматизации », поле« Требуется услуга »будет автоматически заполнено этим именем.

Как это сделать, используя html и JavaScript

Ответы [ 3 ]

0 голосов
/ 27 мая 2020 

  <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>
0 голосов
/ 27 мая 2020

Вам просто нужно дать вашей кнопке функцию, при которой вы получаете текстовое содержимое

и вставляете его в свой Input, например: 

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">
0 голосов
/ 27 мая 2020

Это простой пример: 

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> значением кнопки. вы можете сделать то же самое для всех (input, div et c.).

...