Question

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

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

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

或者

$(this).val("");

但我无法通过选择框（fiddle）重置为＆＃34;选择＆＃34;点击任何其他选择框时。代码的选择框通过data-file加载内容，并使用value重定向到其他网页。由于我将在页面上拥有超过10个选择框，因此使用类可能会更好。我已经尝试了上面的方法，但是我得到了错误或者盒子总是留在＆＃34;选择＆＃34;选项。有人可以建议一些解决方案吗？

代码：

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;
}

});

Answer 1

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

JSFIDDLE

单击jQuery中的任何其他选择框时重置选择框

1 个答案: