jquery - How to Show selected value on textbox using javascript? -

how can show value of selected items in textbox using javascript?

// list <select id="list" class="form-control" multiple="">   <option value="2014">your cute</option>   <option value="2013">your ugly</option>   <option value="2011">your awesome</option> </select>  // button , textbox <button onclick="show_value();" type="button" value="get value">get value</button>  <input type="text" id="selectedvalue" class="text" name="selectedvalue" /> 

i came javascript code

function showgroup_id () {     $('#selectedvalue').val(selectedvalue);       var mylist = document.getelementbyid('list');     var selected-value = selecteditem;     var selectedgroupids = [];     (var = 0; < mylist.length; i++) {         if (mylist[i].selected) {             selectedselecteditem.push(mylist[i].value);                      }     } } 

when tried, doesn't work.. can me please?

you can use onchange event change textbox content changing select element.

html :

<select id="selectbox">     <option>a</option>     <option>b</option> </select>  <input type="text" id="messagetextbox" /> 

javascript :

var selectbox = document.getelementbyid("selectbox"); selectbox.onchange = function(){     var textbox = document.getelementbyid("messagetextbox");     textbox.value = this.value; }; 

jsfiddle

your solution :

html :

<select id="list" class="form-control" multiple="">     <option value="2014">your cute</option>     <option value="2013">your ugly</option>     <option value="2011">your awesome</option> </select>  // button , textbox <button onclick="showgroup_id();" type="button" value="get value">get value</button>  <input type="text" id="selectedvalue" class="text" name="selectedvalue"  style="width: 55%;" /> 

javascript/jquery :

function showgroup_id () {     var result = "";     var selecteditem = $('#selectedvalue').val(selectedvalue);       var mylist = document.getelementbyid('list');     var selectedvalues = selecteditem;     var selectedgroupids = [];     (var = 0; < mylist.length; i++) {         if (mylist[i].selected) {             //selectedselecteditem.push(mylist[i].value);             //alert(mylist[i].text);             result = result + " " + mylist[i].text;             $("#selectedvalue").val(result);         }     } } 

jsfiddle