[英]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.