从下拉列表中选择多个值

Question

如何从下拉列表中选择多个值？选择该值后，它在下拉菜单中将不再可用。

[]

我希望能够通过按要在其中用逗号分隔符显示的添加按钮来一次选择多个电子邮件地址，因此当我们通过下拉列表选择电子邮件地址时，它将自动显示在输入中字段“收件人”，例如：neymar @ gmail.com，ronaldo @ gmail.com，messi @ gmail.com，那么用户还可以通过按“删除”按钮删除输入中的最后一封电子邮件，

Answer 1

您必须将selectBox的值合并为先前的值，并将其替换为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="one@gamil.com">one@gamil.com</option>
          <option value="two@gamil.com">two@gamil.com</option>
          <option value="three@gamil.com">three@gamil.com</option>
        </select>

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

Answer 2

要进行多项选择，请在使用asp.net控件时创建一个列表框。

如果您使用的是HTML，请添加多个属性。

关注此链接

https://www.w3schools.com/TAGs/att_select_multiple.asp

Answer 3

按住Ctrl（windows）/ Command（Mac）按钮可选择多个选项。 在您的选择标签内使用多个属性。

test