Имам 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>