Copy selected multiple values to the text box

Question

I have drop down list as below.

     <select id="checkOwner" multiple="multiple" onchange="copyValue()">
       <option value="FIRSTNAME">First Name</option>
       <option value="LASTNAME">Last Name</option>
     </select>

I used Below javascript to add checkbox

$(function() {
  $('#checkOwner').multiselect({
   });  
});

I used below javascript to copy selected value to text field.

function copyValue() {
  var dropboxvalue = document.getElementById('checkOwner').value;
  document.getElementById('mytextbox').value = dropboxvalue;
}

But the problem is, this copy only one value. I want to copy all the selected values. How can I do this?

Does this answer your question? [How to get multiple select box values using jQuery?](https://stackoverflow.com/questions/3243476/how-to-get-multiple-select-box-values-using-jquery) — Joundill, Jun 02 '20 at 02:50

score 1 · Accepted Answer · answered Jun 02 '20 at 03:20

1

Loop through the option and put selected values in a string and then output the string on the textbox

function copyValue() {

  var str = "";
  for (var option of document.getElementById('checkOwner').options) {
    if (option.selected) {
      str+= option.value+" ";
    }

    document.getElementById('mytextbox').value = str;
  }
}

answered Jun 02 '20 at 03:20

Hardood

503
1
5
15

What happened to the answer? – Hardood Jun 02 '20 at 03:51
can you help me for another problem. I have two drop downs. When i select value from one dropdown another selected value disappear from textfield. Do you have any solution for this? – Dinu Jun 02 '20 at 04:15
Please post more details about it and i will help you. if you added a new question it will be fine. – Hardood Jun 02 '20 at 04:23
I posted a new question. https://stackoverflow.com/questions/62144811/copy-selected-multiple-values-to-the-textbox-from-more-than-one-drop-down – Dinu Jun 02 '20 at 04:25

score 0 · Answer 2 · answered Jun 02 '20 at 03:15

0

my approach is loop on the options then check the condition if isSelected

html

<select name="checkOwner" multiple="multiple" onchange="copyValue(this)">

js

const copyValue = me => {
    let y = Array.from(document.querySelectorAll('select option')).map(x => x.selected ? x.value : '')
    document.getElementById('mytextbox').value = y.join(' ');
}

answered Jun 02 '20 at 03:15

Ricky Orlando Napitupulu

476
1
8
18

it's print -1-1-1 end of the array – Dinu Jun 02 '20 at 03:19
do you have multiple selectbox on that page ? – Ricky Orlando Napitupulu Jun 02 '20 at 03:24

Copy selected multiple values to the text box

2 Answers2