當值刪除

Question

對於檢查選定值我使用這個jQuery自動完成組合框插件事件：

$("#combobox1").combobox({ 
      select: function (event, ui) { 
       var value=$("#combobox1 option:selected").text(); 
       ... 
     }); 

我如何檢查是否從輸入值被刪除（如爲空）？

Answer 1

在這裏，我有你建立完整的例子，並評論其在細節,,希望你能找到它有益

function allmaped(){ 
 
    // add all options from select to array 
 
    var arr = []; 
 
    $('#combobox1').find('option').each(function(e){ arr.push($(this).val())}); 
 
    // define autocomplete 
 
    $("#tags").autocomplete({ source:arr }); 
 
} 
 

 
// run this on pageload 
 
allmaped(); 
 
// if click on remove button OR any other event removes select options => rebuild it! 
 
$('#remove').on('click', function(){ 
 
    $('#combobox1').find('option').eq(0).remove(); 
 
    $('#tags').autocomplete("destroy"); 
 
    // run autocomplete function again 
 
    allmaped(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet"/> 
 

 

 

 
<div class="ui-widget"> 
 
    <label for="tags">Tags: </label> 
 
    <input id="tags"> 
 
</div> 
 

 
<div><button id="remove">REMOVE OPTION 1</button></div> 
 

 
<select id="combobox1" style="display: none;"> 
 
\t <option value="Claudine HATEBUR DE CALDERóN">Claudine HATEBUR DE CALDERóN</option> 
 
\t <option value="Lilly R. EHRET">Lilly R. EHRET</option> 
 
\t <option value="Tamara ROTH">Tamara ROTH</option> 
 
\t <option value="Tamara BOTH">Tamara BOTH</option> 
 
\t <option value="Tamara GOTH">Tamara GOTH</option> 
 
</select>