Question

选择数字（您可以任意次数选择每个数字）：

 <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);            
    });

现在，我想要做的是，如果我从选项中选择一个数字，它应该显示在＆＃39; div＆＃39;如果我再次选择另一个号码或相同的号码，它应该显示在第一个号码旁边，但我只能选择一个号码而不是多个号码。我希望使用jquery

执行此操作

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

如果我想从附加的列表中取消选择每个元素？我试过这个......但是没有工作。

$('#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();
    });

但有了这个，我无法删除每个选定的选项。

Answer 1

替换

＆＃13;

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

＆＃13;

通过

＆＃13;

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

＆＃13;

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多次选择

2 个答案: