我对这个问题变得非常疯狂。我正在尝试创建一个按钮,将所有选择框重置为默认值。我尝试过各种方法,但都失败了。我在浏览器控制台中也没有收到任何错误。我将向您展示我尝试过的几种不同方法。
这是我的 html 代码:
<div class="main-search-results">
<select name="provincia" id="select-filter-2">
<option value="cualquier_provincia" selected="selected">Cualquier provincia</option>
<option value="a_coruña">A Coruña</option>
<option value="alava">Alava</option>
</select>
</div>
这是我尝试解决这个问题的方法之一
$("reset").click(function() {
$('select').prop('selectedIndex', 0);
});
这是我请求 js 和 css 链接的方式。请注意,select-custom.js 是我使用 ('#select-filter-2').selectmenu() 构建选择器的位置,该文件不允许我重置选择。如果我删除它效果很好。
<link rel="stylesheet" href="assets/css/foundation.min.css">
<link rel="stylesheet" href="assets\css\font-awesome\css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/jquery-ui.css">
<link rel="stylesheet" href="assets/css/jquery-ui.structure.css">
<link rel="stylesheet" href="assets/css/jquery-ui.theme.css">
<link rel="stylesheet" href="assets/css/app.css">
<script src="assets/js/jquery.js"></script>
<script src="assets/js/jquery-ui.js"></script>
<script src="assets/js/slider.js"></script>
<script src="assets/js/select-custom.js"></script>
最佳答案
这是我已经实现的解决方案并且工作正常。感谢 A.J.这对我的回答有帮助。
$(function(){
$('select').selectmenu();
function cleanFilters() {
$('select').val('default');
$('select').selectmenu('refresh');
}
$('#reset').click(function(){
cleanFilters();
});
});
关于javascript - 重置按钮可在选择框中设置默认值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31099716/