多选选项，每个选项使用 jquery 选择多次

Question

Select 个数字（您可以 select 每个数字任意次数）：

 <select name="number_selection" method="post" id="number_selection" >
  <option value="0">0</option>
  <option value="1">1 </option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
</select>
<input type="button" value="Select" id="select_button"/> 


 <div id="feedback"> </div>

我在 jquery 中尝试的是这个....

$('#select_button').click(function(){
    var gs= $('#number_selection').val();
    $('#feedback').html(gs);            
    });

现在，我要做的是，如果我 select 一个来自选项的数字，它应该显示在 'div' 中，如果我 select 另一个数字或同样的数字，它应该显示在第一个数字旁边，但我只能 select 只有一个数字，而不是多个数字。我想要使用 jquery

执行此操作

如果你不明白我的问题，我可以进一步解释给你。请帮忙。

而且如果我想删除select 附加列表中的每个元素？我已经试过了...但是没有用。

$('#select_button').click(function(){
    var gs= $('#number_selection').val();
    $('#feedback').append(gs + '  ' + '<input type="button" value="Remove" id="gs_remove" />' + '<br>');

    });

    $('#gs_remove').click(function(){
    (this).hide();
    });

但是我无法删除每个 selected 选项。

Answer 1

替换

 $('#fcb_pt_gs').html(gs);

来自

 $('#fcb_pt_gs').append(gs);

Answer 2

$('#select_button').click(function() {
    var _val = $('#fcb_pt_gs').text();
    var gs= $('#number_selection').val();

    if( _val == "" ) {
      var _collection = [];
    }
    else {
      // Add in collection
      var _collection = [_val];
    }

    _collection.push( gs );

    $('#fcb_pt_gs').html( _collection.join(',') );           
});

多选选项，每个选项使用 jquery 选择多次

Multiselect options with each option selecting multiple times using jquery

javascript

jquery

select

options