JQuery Combobox组件可以让用户从预设的下拉列表中选择一个选项,同时也支持用户自定义选项。如果您需要在使用该组件时清空选项内容,可以参考下面的代码:
$('#combobox').val('');
以上代码可以通过选中Combobox组件的ID属性,然后调用.val()函数来设置其值为空。例如,下面的代码演示了如何清空Combobox组件的选项:
<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>
在以上代码中,点击按钮“Clear”时,将执行清空Combobox组件内容的操作。当然,您还可以通过其他的触发事件来实现清空操作。