Display Selected Items of List Box in TextBox using JavaScript

band.atu...

SOLVED CLOSED ACTIVE ANSWERED
User: band.atul
Posted: on Sep 19, 2013 03:29 AM
Forum: Data Controls
Answer: 1
Views: 9770

I have code when I click on button I want show the value of selected List item in textbox but following code gisplay the item in alert,,

<html><script>function getValue(){   var x=document.getElementById("sel");for(var i =0; i < x.options.length; i++){if(x.options[i].selected ==true){ alert(x.options[i].value);}}}</script></head><body><selectmultiple="multiple"id="sel"><optionvalue="volvo">Volvo</option><optionvalue="saab">Saab</option><optionvalue="opel">Opel</option><optionvalue="audi">Audi</option></select><inputtype="button"value="Get Value"onclick="getValue()"/></body></html>

Mudassar

0 1

Reply
ANSWER
User: Mudassar
Replied: on Sep 19, 2013 08:11 AM
Report

This way

<html>
<script type = "text/javascript">
function getValue(){   
var t = document.getElementById("txt");
t.value = '';
var x=document.getElementById("sel");
for(var i =0;
 i < x.options.length;
 i++){if(x.options[i].selected ==true){ 
	t.value += x.options[i].value + ' ';
}}}</script>
</head>
<body>
<select multiple="multiple"id="sel">
<option value="volvo">
Volvo</option>
<option value="saab">
Saab</option>
<option value="opel">
Opel</option>
<option value="audi">
Audi</option>
</select>
<input type="text" id = "txt"  value="" onclick="getValue()"/>
<input type="button"value="Get Value"onclick="getValue()"/>
</body>
</html>

Display Selected Items of List Box in TextBox using JavaScript

Company

Explore

Follow us

Contact Us