2011-11-24 18 views
6

Witam Ustawiam wartość w rozwijanym przy użyciu jquery w następujący sposób.Jak ustawić wartość w rozwijanym menu za pomocą Jquery?

$("#dropDownItems option[value='--Select--']").attr('selected', 'true'); 

$("#dropDownItems option[value='--Select--']").attr('selected', 'selected'); 

Ale żadna z nich nie działa dla FireFox! i działa dobrze dla pozostałych przeglądarek.

Czy ktoś może mi pomóc?

+0

Być może istnieje problem z implementacji CSS z apostrofami. Czy próbowałeś opcji '$ (" # dropDownItems [value = \ "- Select __ \"] "). Attr (" selected "," selected ");'? –

+0

Którą wersję jQuery używasz? Wypróbuj Prop zamiast attr. – Brij

Odpowiedz

11

To powinno załatwić sprawę.

$('#dropdownID').val("Value to be selected"); 
3
$("#dropDownItems").val("--Select--"); 

Lub jeśli po prostu chcesz, aby wybrać pierwszą opcję, niezależnie od jego wartości, można zdefiniować tę funkcję pomocnika:

$.fn.selectFirst = function() { 
    return $(this).find("option:first").attr("selected", "selected").end(); 
} 

następnie używać go tak:

$("#dropDownItems").selectFirst(); 
1

Jeśli chcesz ustawić wartość domyślną i jest to pierwszy element, możesz zrobić:

$('#dropDown')[0].selectedIndex=0; 
0

Sądzę, że jest na to wiele sposobów. Najprostszy sposób:

$("#dropdownID").val("dropdownValue"); 

To zadziała dobrze, ale nie będzie wywoływać zdarzenia zmiany, jeśli tak czy owak. Aby go rozwiązać, należy go jak poniżej:

$("#dropdownID").val("dropdownValue").change(); 

innych możliwych sposobów:

$("#dropdownID").attr('selected','selected'); 

$("#dropdownID").prop('selected', true); 
0

spróbować

$('[id*=_dropdown]').val("--Select--"); 
Powiązane problemy