Попълване на текстовото поле, когато изберете бутона за избор

Имам HTML формуляр, в който се опитвам да получа текстово поле за показване на определен текст, когато избера един от бутоните за избор. Досега го имам там, където ако щракна върху бутона, той ще покаже правилния текст в текстовото поле. Целта ми е да премахна бутона „Щракване“ и текстовото поле да показва текста незабавно, когато избера радио бутон. Как мога да направя това в Javascript?

Знам, че текстовите полета имат събитие „OnKeyUp“, но изглежда не мога да разбера дали бутон за избор има нещо подобно, което би ми позволило да определя кога е избрано. Опитах събития OnChange и OnFocus, но може би го правя погрешно, защото не мога да ги накарам да работят. Всички предложения са много ценени.

Ето какво имам досега:

<HTML>
  <HEAD>
    <TITLE>Test Input</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 = "red";
        } else if (TestVar2 == true){
          form.textbox.value = "blue";
        } else if (TestVar1 == false && TestVar2 == false) {
          form.textbox.value = "";
        }
      }
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="myform" ACTION="" METHOD="POST">Choose a Color: <BR>
  <INPUT TYPE="radio" NAME="input" VALUE="red">red<P>
  <INPUT TYPE="radio" NAME="input" VALUE="blue">blue<P>
  <INPUT TYPE="button" NAME="button" VALUE="Click" onClick="testResults(this.form)">
  <P>Selected:</P> <INPUT TYPE="text" ID="textbox" NAME="selected" VALUE=""></div><p>

</FORM>
</BODY>
</HTML>

person e-beth    schedule 03.10.2013    source източник


Отговори (1)


Променете следните два реда код, като добавите събитието onchange:

TYPE="radio" NAME="input" VALUE="red"  onchange="testResults(this.form)
TYPE="radio" NAME="input" VALUE="blue" onchange="testResults(this.form)

Ако това не работи, може да е вашият браузър. document.getElementByID е обект, с изключение на всички браузъри

person userDEV    schedule 03.10.2013
comment
Благодаря ти!! Забравях this в testResults(this.form) - person e-beth; 03.10.2013
comment
Само бележка за поведението в различни браузъри: във Firefox работи страхотно! В Internet Explorer изисква щракване някъде извън бутона за избор, преди промяната да бъде разпозната. - person e-beth; 03.10.2013