0

我读了几个线程，他们显示这两个代码可以重置选择框。

$('#select2').change(function(){
    $('#select1').prop('selectedIndex',0);
});

$('#select1').change(function(){
    $('#select2').prop('selectedIndex',0);
});

或者

$(this).val("");

但是当单击任何其他选择框时，我无法将选择框（小提琴）重置为“选择”。该代码使选择框通过加载内容data-file并使用重定向到其他页面value。由于我将在一个页面上有超过 10 个选择框，所以使用类可能会更好。我已经尝试了上述方法，但要么出错，要么框始终保持“选择”选项。任何人都可以提出一些解决方案吗？

代码：

var area = $(".selectboxarea");

$(".searchselectbox").on('change', function () {
    area.empty();
    var $this = $(this);
    var selected = $this.find('option:selected');
    var loadfile = selected.data('file');

if (loadfile) {    
    $this.next('.selectboxarea').html(loadfile);
    $this.find('.select').text('Hide');
    $this.find('.select').toggleClass('hide');

} else if (selected.hasClass('hide')) {
    selected.text('Select');
    selected.toggleClass('hide');

} else { 
    var url = $this.val();
    if (url != '') {
    window.location.href = url
}
    return false;
}

});
4

1 回答 1

2 
$(".searchselectbox").not(this).prop('selectedIndex',0);
$('.select').text('Select');

JSFIDDLE

于 2014-04-03T18:17:02.197 回答