簡體   English   中英

多選選項,每個選項使用jquery多次選擇

[英]Multiselect options with each option selecting multiple times using jquery

選擇數字(您可以選擇任意次數的每個數字):

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

現在,我想要做的是,如果我從選項中選擇一個數字,它應該顯示在'div'中,如果我再次選擇另一個數字或相同的數字,它應該顯示在第一個數字旁邊,但我是只能選擇一個數字,而不能選擇多個數字。 我想用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();
    });

但有了這個,我無法刪除每個選定的選項。

更換

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

通過

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

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM