display option in a textbox

kindermaxiz · Sep 15, 2004

//I have a form such as this:
echo "<form method=\"post\" action=$php_self>
<BR><INPUT TYPE=\"TEXT\" NAME=\"textbox\" SIZE=\"40\">
<BR> <select name=\"searchlist\">
<option value=\"val1\">$x</option>
<option value=\"val2\">$y</option>
<option value=\"val3\">$z</option>
<option value=\"val4\">$t</option>
</select> <p>
<input type=\"submit\" name=\"submit_the_values\" value=\"$submit\">
</form><p>";

/* I want that the option selected in the "searchlist" option get
displayed in my textbox using javascript, how can I do this? thanx in
advance pat */

McKirahan · Sep 15, 2004

//I have a form such as this:
echo "<form method=\"post\" action=$php_self>
<BR><INPUT TYPE=\"TEXT\" NAME=\"textbox\" SIZE=\"40\">
<BR> <select name=\"searchlist\">
<option value=\"val1\">$x</option>
<option value=\"val2\">$y</option>
<option value=\"val3\">$z</option>
<option value=\"val4\">$t</option>
</select> <p>
<input type=\"submit\" name=\"submit_the_values\" value=\"$submit\">
</form><p>";

/* I want that the option selected in the "searchlist" option get
displayed in my textbox using javascript, how can I do this? thanx in
advance pat */

<html>
<head>
<title>opt2txt.htm</title>
<script type="text/javascript">
function opt2txt(that) {
var what = that.options[that.selectedIndex].value;
document.forms[0].textbox.value = what;
}
</script>
</head>
<body>
<form method="post" action="$php_self">
<br>
<input type="text" name="textbox" size="40">
<br>
<select name="searchlist" onchange="opt2txt(this)">
<option value=""></option>
<option value="val2">$y</option>
<option value="val3">$z</option>
<option value="val4">$t</option>
</select>
<p>
<input type="submit" name="submit_the_values" value="$submit">
</form>
<p>
</body>
</html>

I added <option value=""></option> so "onchange" would detect a choice.

RobG · Sep 16, 2004

McKirahan said:
news:[email protected]...

function opt2txt(that) {
var what = that.options[that.selectedIndex].value;
document.forms[0].textbox.value = what;

The last line refers explicitly to the first form in the document - so
add another form above this one and the script either fails or updates
the wrong field.

The syntax for "textbox" is also not cross-browser (it may work in IE,
but certainly doesn't work in Geko browsers). How about:

that.form.elements['textbox'].value = what;

This fixes the syntax and references the calling form based on the
element that fired the script rather than its position in the DOM
(presuming, of course, that the textbox really is in the same form as
the event that fired the script).

Cheers.

kindermaxiz · Sep 17, 2004

thanx a lot Rob. it works great

RobG · Sep 17, 2004

thanx a lot Rob. it works great

That's OK.

Incidentally, I lied about the syntax for:

that.form.textbox.value = what;

it will work fine in Geko browsers, I got confused with IE
allowing id's to be used as global variables. But in any
case,

that.form.elements['textbox'].value = what;

is the preferred syntax.

How to display input options only after selecting an option from the 'select class' tag JS?	6	May 12, 2023
action_page.php form	2	Oct 25, 2020
How do I get the if statement correct in the lines that has it in the program?	2	Mar 16, 2023
HCaptcha - How to stop page from refreshing on submit if captcha is not checked/validated	1	Aug 29, 2023
I dont get this. Please help me!!	2	Jan 24, 2023
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript?	0	May 1, 2023
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript?	0	May 1, 2023
Javascrip code wont run properly.	2	Oct 2, 2022

display option in a textbox

kindermaxiz

McKirahan

RobG

kindermaxiz

RobG

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads