asked on

javascript drop down problem

I my form i have a drop down list after the item get selectem I need to populate the value of the drop down to the text box(text not the value )
<select spry:repeatchildren="dsProducts" spry:setrow="dsProducts" name="programlist" id="programlist" size="15" onchange="getcurrentvalue();">
<option spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}" spry:select="rowSelected" value="{id}" >{categoryname}</option>
<option spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}" spry:select="rowSelected" value="{id}">{categoryname}</option>
</select>
function getcurrentvalue(){
var current = document.getElementById("programlist").value;
document.getElementById("updatecategoryname").value = current;
}

<input type="text" name="updatecategoryname" id="updatecategoryname" value="(Please select the updated category)" size="40">

ASKER CERTIFIED SOLUTION

discon0

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

erikTsomik

ASKER

thsi example does not work

hielo

Here is the complete working example. Don't forget to close the problem
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
function getcurrentvalue(){
var current = document.getElementById("programlist");
var x = current.selectedIndex;

document.getElementById("updatecategoryname").value = current.options[x].text;
}
</script>
<form>
<div><select spry:repeatchildren="dsProducts" spry:setrow="dsProducts" name="programlist" id="programlist" size="15" onchange="getcurrentvalue();">
<option spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}" spry:select="rowSelected" value="{id}" >{categoryname} 1</option>
<option spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}" spry:select="rowSelected" value="{id}">{categoryname} 2</option>
</select></div>
<input type="text" name="updatecategoryname" id="updatecategoryname" value="(Please select the updated category)" size="40">
</form>
</body>
</html>