Ustawienie wybranej wartości nie ma wpływu na użycie klawiatury.

Question

Mam wybór za pomocą f.e. 10 opcji ("jeden", "dwa", "trzy", ...). Ładowanie strony Pierwsza opcja "jeden" jest wybrany.

ciągu funkcji ustawić na piątą opcję

$("myselect").val('five'); 

W rzeczywistości obecnie piąte opcja jest widoczna w select a wartość jest również ustawić poprawne.

Ale teraz zakładam w mojej formie, aż dotrę do tego wyboru. A jeśli teraz używam klawisza na klawiaturze, wybór skacze do opcji "dwa", a nie "sześć".

Jak ustawić wybraną opcję, która działa również przy późniejszym użyciu klawiatury?

Answer 1

Spróbuj ustawić właściwość selectedIndex. Zobacz poniżej,

$('#myselect').val("5").prop('selectedIndex', 4); 

DEMO:http://jsfiddle.net/kLZ7z/

Innym podejściem jest lepiej czystsze

var nValue = "5"; 
$('option', '#myselect').filter(function() {   
    return this.value == nValue; 
}).prop('selected', true); 

DEMO:http://jsfiddle.net/kLZ7z/2/

Answer 2

odgadywanie trochę, ale spróbuj tego:

$('#myselect option').each(function(){ 
    $(this).removeAttr('selected')); 
}); 
$('#myselect option').eq(4).attr('selected', 'selected'); 

To trochę nietestowanego pseudo-kodu, po prostu daje wyobrażenie o tym, co się spróbować.

Answer 3

Jest to błąd Firefox. Jednym z rozwiązań, które znalazłem, jest użycie opcji .prop('selected', true) zamiast używania .val w wyborze.

$('#myselect').children('option[value="five"]').prop('selected', true); 

DEMO: http://jsfiddle.net/JM2dZ/1/

UWAGA: Nie trzeba rozbroić selected na inne opcje pierwszy, spowoduje to rzeczywiście spowodować problem, aby utrzymać się dzieje.