从下拉列表中选择多个值

Question

How to select multiple value from drop down list?, when the value is selected it will no longer be available in the drop down menu.

[]

I want can be able to select multiple email addresses at once by pressing the add button where I want to show with a comma separator, so when we choose an email address through the drop down list it will automatically be displayed in the input field 'To' such as: [e-mail], [e-mail], [e-mail] then the user can also delete the last email in the input by pressing the delete button,

Answer 1

You must concat value of selectBox to previous value and replace it to your inputBox.

     var prv_val,f_val;
        $('#test').change(function() {
          var new_val = $(this).val();
          if(new_val != ""){
            prv_val = $('#target_input').val();
            if(prv_val != ""){
              f_val = prv_val + "," + new_val;
            }
            else {
              f_val = new_val;
            }
            $('#target_input').val(f_val);
          }
        });

#target_input {
     display: block;
      height: 30px;
      margin-top: 20px;
      width : 100%;
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <select id='test'>
         <option value=""></option>
          <option value="[e-mail]">[e-mail]</option>
          <option value="[e-mail]">[e-mail]</option>
          <option value="[e-mail]">[e-mail]</option>
        </select>

        <input value="" id='target_input'>

</div>