[英]How can I add more elements inside jquery.sumoselect plugin select list?
I want to add more elements inside a list with multiple select checkboxes, but when I add more elements, they appear outside the list. 我想在具有多个选择复选框的列表中添加更多元素,但是当我添加更多元素时,它们出现在列表外部。
This is the code I want to put in: 这是我要输入的代码:
<div class="select-box-style right">
<div class="your-list-title">Your Lists</div>
<select multiple="multiple" class="md_what_get right SlectBox">
<option selected value="electronics">Electronics</option>
<option value="games">Video Games</option>
<option value="books">Books</option>
<option value="others">Others</option>
</select>
<div class="add-list-box">
<input type="text" class="input-add-list" />
<label class="label-spcbtn-blue spr">Add</label>
</div>
</div>
I want the select option to be displayed like this: 我希望选择选项显示如下:
As per your comments if you want to put it inside list you can do it as below: 根据您的评论,如果您想将其放入列表中,可以按以下步骤进行:
Put it as first element: 将其作为第一个元素:
$('.spr').on('click',function(){
if($('.input-add-list').val().trim()!=='')
{
$('<option value="'+$('.input-add-list').val().trim()+'">'+$('.input-add-list').val().trim()+'</option>').insertBefore('.SlectBox option:first');
}
});
Put it as last element 将其作为最后一个元素
$('.spr').on('click',function(){
if($('.input-add-list').val().trim()!=='')
{
$('.SlectBox').append('<option value="'+$('.input-add-list').val().trim()+'">'+$('.input-add-list').val().trim()+'</option>');
}
});
If possible change your label
Add
to button如果可能,请更改标签的“
Add
到”按钮
Update 更新
Use your native plugin
method as below: 使用您的本机
plugin
方法,如下所示:
$('.spr').on('click',function(){
if($('.input-add-list').val().trim()!=='')
{
$('select.SlectBox')[0].sumo.add($('.input-add-list').val().trim());
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.