Mam select
pole z kilkoma opcjami. Teraz muszę wybrać jeden z tych options
z jQuery. Ale jak mogę to zrobić, skoro znam tylko value
te, option
które należy wybrać?
Mam następujący kod HTML:
<div class="id_100">
<select>
<option value="val1">Val 1</option>
<option value="val2">Val 2</option>
<option value="val3">Val 3</option>
</select>
</div>
Muszę wybrać opcję z wartością val2
. Jak można to zrobić?
Oto strona demonstracyjna: http://jsfiddle.net/9Stxb/
Odpowiedzi:
Jest łatwiejszy sposób, który nie wymaga przejścia do tagu opcji:
Sprawdź tę metodę jQuery .
źródło
.val(["Multiple2", "Multiple3"])
. api.jquery.com/val/#val-value.val(x).change();
aby uruchomić zdarzenie onChange select, wygląda na to, że ustawienie val () go nie uruchamia.Aby wybrać opcję o wartości „val2”:
źródło
.val()
zaznaczenia i spróbujesz wybrać wartość, której nie ma, usunie zaznaczenie wszystkiego.$("select[name=foo] option[value=bar]).attr('selected','selected');
również, który działał dobrze dla wszystkich testowanych przeglądarek.Użyj
change()
zdarzenia po wybraniu wartości. Z dokumentów:Więcej informacji znajduje się w .change () .
źródło
prop
,attr
itd. I progagates wszystkie zdarzenia prawidłowo.Odznacz wszystko najpierw i odfiltruj opcje do wyboru:
źródło
selected
. Miałeś na myśli.prop()
?Ustawienie na status w toku według wartości
źródło
Dla mnie praca była następująca
źródło
Myślę, że najłatwiej jest wybrać ustawienie val (), ale możesz sprawdzić następujące. Zobacz Jak obsługiwać znacznik wyboru i opcji w jQuery? po więcej szczegółów na temat opcji.
Nie zoptymalizowany, ale w niektórych przypadkach przydatna jest również następująca logika.
źródło
Możesz wybrać dowolny atrybut i jego wartość za pomocą selektora atrybutów
[attributename=optionalvalue]
, więc w twoim przypadku możesz wybrać opcję i ustawić wybrany atrybut.Gdzie
value
jest wartość, którą chcesz wybrać.Jeśli musisz usunąć dowolne wcześniej wybrane wartości, tak jak w przypadku wielokrotnego użycia tej wartości, musisz ją nieco zmienić, aby najpierw usunąć wybrany atrybut
źródło
Najlepszy sposób jest taki:
źródło
$('<select>').val('asdf')
nie zaktualizowało zaznaczenia, aby pokazać aktualnie wybraną opcję. Ta odpowiedź rozwiązała ten problem.prosta odpowiedź brzmi: html
na jquery, wywołaj funkcję poniżej za pomocą przycisku lub cokolwiek innego
to proste i działa w 100%, bo pochodzi z mojej pracy ... :) mam nadzieję, że pomoże ..
źródło
Nie ma powodu, aby to przemyślać, wszystko, co robisz, to uzyskiwanie dostępu i ustawianie właściwości. Otóż to.
Ok, więc podstawowa domena: Jeśli robiłeś to w prostym JavaScript, zrobiłbyś to:
Ale nie robisz tego z prostym JavaScriptem, robisz to z jQuery. A w jQuery chcesz użyć funkcji .prop (), aby ustawić właściwość, więc zrobiłbyś to tak:
W każdym razie upewnij się, że Twój identyfikator jest unikalny. W przeciwnym razie będziesz walić głową w ścianę, zastanawiając się, dlaczego to nie zadziałało.
źródło
Najłatwiej to zrobić:
HTML
jQuery
źródło
Lepiej używać
change()
po ustawieniu wartości wyboru.W ten sposób kod będzie blisko zmiany wyboru przez użytkownika, objaśnienie znajduje się w JS Fiddle :
JS Fiddle
źródło
$('#graphtype option[value=""]').prop("selected", true);
Działa to dobrze tam, gdzie
#graphtype
jest identyfikator znacznika select.przykład wybierz tag:
źródło
źródło
Posługiwać się:
To działa dla mnie. Używam tego kodu do analizowania wartości w formularzu aktualizacji fancybox, a moje pełne źródło z app.js to:
A mój kod PHP to:
źródło
.attr () czasami nie działa w starszych wersjach jQuery, ale możesz użyć .prop () :
źródło
Działa to na pewno w przypadku Select Control :
źródło
Wystarczy wpisać ten kod:
źródło
Link źródłowy
Użyj metody jQuery val () do wyboru wartości pojedynczej i wielokrotnej w DropDown
HTML
źródło
Spróbuj tego. Prosty, ale skuteczny javaScript + jQuery śmiertelną kombinację.
Wybierz składnik:
Wybór:
Teraz zostanie wybrana opcja 4. Możesz to zrobić, aby domyślnie wybrać wartości przy uruchomieniu.
lub utwórz prostą funkcję, umieść w niej linię i wywołaj funkcję w dowolnym zdarzeniu, aby wybrać opcję
Mieszanka jQuery + javaScript robi magię ....
źródło
Jest stary post, ale tutaj jest jedna prosta funkcja, która działa jak wtyczka jQuery.
Po prostu możesz zrobić coś takiego:
Rozumiem, dlaczego tego używasz, ponieważ zmieniłeś wybranego satemanta w DOM, co jest obsługiwane przez przeglądarkę, a także spowoduje zmianę, abyś mógł go złapać.
Jest w zasadzie symulacją działania człowieka.
źródło
case sensative
. Możesz dynamicznie zmieniać pole wyboru w następujący sposób,$("div#YOUR_ID").val(VALUE_CHANGED).change(); //value must present in options you selected otherwise it will not work
źródło
Wygląda na to, że występuje problem polegający na tym, że kontrolki rozwijane wyboru nie zmieniają się dynamicznie, gdy kontrolki są tworzone dynamicznie zamiast znajdować się na statycznej stronie HTML.
W jQuery to rozwiązanie działało dla mnie.
Podobnie jak dodatek do pierwszego wiersza kodu bez drugiego wiersza, działał w ten sposób transparentnie, odzyskiwanie wybranego indeksu było prawidłowe po ustawieniu indeksu i jeśli faktycznie kliknąłeś kontrolkę, pokazywałby prawidłowy element, ale to nie odzwierciedlało w górnej etykiecie kontrolki.
Mam nadzieję że to pomoże.
źródło
Problem, na który natrafiłem, gdy wartość jest identyfikatorem, a tekst jest kodem. Nie można ustawić wartości za pomocą kodu, ale nie masz bezpośredniego dostępu do identyfikatora.
źródło
mi to pasuje
źródło
To działa dobrze
źródło