Listbox value in the textbox

Hello all
I have one list box ans text box on my site, lik this:

Expand|Select|Wrap|Line Numbers

 <select name="lstScript">

<option>Javascript</option>

<option>VBscript</option>

<option>PHP</option>

<option>Actionscript</option>

<option>Other</option>

</select>
 
<input type="text" id="txtScript" readonly="yes" />

When I click on the item 1 from the list box (lstScript) I'de like to see the value "Javascript" in the text box so I add a script function:

Expand|Select|Wrap|Line Numbers

  <select name="lstScript"   onchange="txtScript.value = lstScript.vlaue" >

  ...

  </select>

But it doens't work like this, any suggestion or experience to solve this pleas?

Jan 27 '08 #1

Follow Post Reply

7529

mrhoo

428

256MB

do not start identifiers with digits- 1stvalue is invalid.
You also need to set values to read them.

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html lang= "en">

<head>

<meta http-equiv= "Content-Type" content="text/html; charset=utf-8">

<title>first script</title>

<script type= "text/javascript">

onload= function(){

    var sel= document.getElementsByName('selectScript')[0];

    var inp= document.getElementsByName('txtScript')[0];

    sel.onchange= function(){

        inp.value= sel.value;

    }

}

</script>

</head>

<body>

<h1>First Script</h1>

<form action="" onsubmit="return false">

<p>

<select name= "selectScript" size="1">

<option selected= "selected" value="Javascript">Javascript</option>

<option value= "VBscript">VBscript</option>

<option value= "Other">Other</option>

</select>

<input type= "text" name="txtScript" readonly="readonly">

</p>

</form>

</body>

</html>

Jan 27 '08 #2

bchaib

do not start identifiers with digits- 1stvalue is invalid.
You also need to set values to read them.

Expand|Select|Wrap|Line Numbers

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html lang= "en">

<head>

<meta http-equiv= "Content-Type" content="text/html; charset=utf-8">

<title>first script</title>

<script type= "text/javascript">

onload= function(){

    var sel= document.getElementsByName('selectScript')[0];

    var inp= document.getElementsByName('txtScript')[0];

    sel.onchange= function(){

        inp.value= sel.value;

    }

}

</script>

</head>

<body>

<h1>First Script</h1>

<form action="" onsubmit="return false">

<p>

<select name= "selectScript" size="1">

<option selected= "selected" value="Javascript">Javascript</option>

<option value= "VBscript">VBscript</option>

<option value= "Other">Other</option>

</select>

<input type= "text" name="txtScript" readonly="readonly">

</p>

</form>

</body>

</html>