How to put select value on input box

Anishgiri · 12-04-2010, 12:55 PM

I am trying but I can't figure it out, let say you select something on your select values, after selecting that value, how can you dynamically put that value on an input box?

vwphillips · 12-04-2010, 01:26 PM

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title></title>
<script type="text/javascript">
/*<![CDATA[*/

function TextBox(sel,nme){
 sel.form[nme].value=sel.value;
}
/*]]>*/
</script></head>

<body>
<form>
<select name="select" size="1" onchange="TextBox(this,'textbox');">
<option value="1" >Choice 1</option>
<option value="2" >Choice 2</option>
<option value="3" >Choice 3</option>
<option value="4" >Choice 4</option>
</select>

<input name="textbox" />
</form>
</body>

</html>

Logic Ali · 12-04-2010, 02:41 PM

Within the scope of a form, elements can be addressed directly by name. So that example could use:

Code:

function TextBox( sel, nme ){
 nme.value = sel.value;
}

...........

<select name="select" size="1" onchange="TextBox( this, textbox );">