JQuery Combobox組件可以讓用戶從預(yù)設(shè)的下拉列表中選擇一個(gè)選項(xiàng),同時(shí)也支持用戶自定義選項(xiàng)。如果您需要在使用該組件時(shí)清空選項(xiàng)內(nèi)容,可以參考下面的代碼:
$('#combobox').val('');
以上代碼可以通過選中Combobox組件的ID屬性,然后調(diào)用.val()函數(shù)來設(shè)置其值為空。例如,下面的代碼演示了如何清空Combobox組件的選項(xiàng):
<html> <head> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> </head> <body> <select id="combobox"> <option value="">Select one...</option> <option value="Option 1">Option 1</option> <option value="Option 2">Option 2</option> <option value="Option 3">Option 3</option> <option value="Option 4">Option 4</option> <option value="Other">Other</option> </select> <button id="clear">Clear</button> <script> $(function() { $('#combobox').combobox(); $('#clear').click(function(){ $('#combobox').val(''); }); }); </script> </body> </html>
在以上代碼中,點(diǎn)擊按鈕“Clear”時(shí),將執(zhí)行清空Combobox組件內(nèi)容的操作。當(dāng)然,您還可以通過其他的觸發(fā)事件來實(shí)現(xiàn)清空操作。