淘先锋技术网

首页 1 2 3 4 5 6 7

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组件内容的操作。当然,您还可以通过其他的触发事件来实现清空操作。