重置選擇框當點擊任何其他選擇框在jQuery

我讀了幾個線程，他們顯示這兩個代碼可以重置選擇框。重置選擇框當點擊任何其他選擇框在jQuery

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

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

或者

$(this).val("");

但我不能得到一個選擇框（fiddle）重置爲「選擇」在任何其他的選擇框，當點擊。該代碼的選擇框通過data-file加載內容，並使用value重定向到其他頁面。由於我要在一個頁面上有10個以上的選擇框，所以也許使用class會更好。我已經嘗試了上述方法，但是我得到了錯誤，或者方框始終保持「選擇」選項。任何人都可以建議一些解

代碼：

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

});

來源

2014-04-03 RedGiant

'$（「searchselectbox。」）不是（這個）.prop（ '的selectedIndex'，0）;' - HTTP：//的jsfiddle .net/szHZv/13/ – Nick

@ user3388636非常接近。但'隱藏'文本無法返回到小提琴中的'選擇'。 – RedGiant

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

JSFIDDLE

來源

2014-04-03 18:17:02 Nick

重置選擇框當點擊任何其他選擇框在jQuery

回答

相關問題