SO - 27013645 - javaScript select option change - v1.1

by Joe

HTML

<select id="list" class="form-control" multiple="" style="width:50%; height:50%">
  <option value="2014">Your Cute</option>
  <option value="2013">Your Ugly</option>
  <option value="2011">Your Awesome</option>
</select>

<!-- // BUTTON and TEXTBOX -->
<button onclick="showgroup_id();" type="button" value="Get Value">Get Data</button>

<input type="text" id="selectedvalue" class="text" name="selectedvalue" style="width: 50%;" />

JavaScript

function showgroup_id() {
  var result = "";
  var selectedItem = $('#selectedvalue').val(selectedvalue);
  var myList = document.getElementById('list');
  var selectedValues = selectedItem;
  var selectedGroupIds = [];
  for (var i = 0; i < myList.length; i++) {
    if (myList[i].selected) {
/*       selectedselectedItem.push(myList[i].value); */
      alert(myList[i].text);
      result = result + " " + myList[i].text;
      $("#selectedvalue").val(result);
      console.log(myList[i].text)
    }
  }
}