如何删除multiselect中的空值

Question

如何删除多选中的空值，请关注我的代码

    $(document).on('blur','.select2-search__field', function(e) {
    var current_select = window.localStorage.getItem("current_select");
    console.log($(this).val());
    if (current_select) {
        if ($(this).val()) {
        $("#"+current_select).append('<option value="'+$(this).val()+'" selected>'+$(this).val()+'</option>');
        //$("#"+current_select).val($(this).val());
        $("#"+current_select).trigger("change");
        }
    }
 });

当我输入附加值的新值时，它正在工作，但同时一个空值自动出现所以如何删除请帮助我

输出是：

<option value=" " selected="selected"></option>
<option value=" 12345" selected="selected"> 12345</option>
<option value=" abcd" selected="selected">abcd </option> 

第一个值为空，所以如何删除它。

Answer 1

试试这个

$('select option')
.filter(function() {
    return !this.value || $.trim(this.value).length == 0;
})
   .remove();

或

$("#select option[value=' ']").remove();