Jestem nowicjuszem w JavaScript i jQuery. Chcę pokazać jeden combobox-A, który jest HTML <select>
z zaznaczoną id
zawartością i zawartością w innym miejscu onChange ().
Jak mogę przekazać kompletny zestaw combobox z jego wyborem id
i jak przekazać inne parametry w przypadku zdarzenia onChange?
Odpowiedzi:
Powyższy przykład pokazuje wybraną wartość pola kombi w zdarzeniu OnChange .
źródło
getComboA()
jestvar value = sel.value;
Innym podejściem, które może się przydać w niektórych sytuacjach, jest przekazanie wartości wybranej
<option />
bezpośrednio do funkcji w następujący sposób:źródło
Aby to zrobić w jQuery:
Powinieneś także wiedzieć, że JavaScript i jQuery nie są identyczne. jQuery jest poprawnym kodem JavaScript, ale nie wszystkie JavaScript to jQuery. Powinieneś sprawdzić różnice i upewnić się, że używasz odpowiedniej.
źródło
htmlData.push($('<select id="choose" name="choose">'));
należy wykonać lewę (wcześniej wypchnąłeś ciąg zamiast pełnoprawnego węzła). > 6 lat minęło ...Rozwiązanie JavaScript
lub
lub
źródło
Uznałem, że odpowiedź @ Piyush jest pomocna i po prostu dodajmy do niej, jeśli programowo tworzysz selekcję, istnieje ważny sposób na uzyskanie tego zachowania, które może nie być oczywiste. Załóżmy, że masz funkcję i tworzysz nowy wybór:
Można powiedzieć normalne zachowanie
Ale tak naprawdę nie pozwala ci podać tego argumentu, więc zamiast tego możesz to zrobić:
I możesz ustawić parametr. Jeśli zrobisz to w pierwszy sposób, argument, który dostaniesz do swojej
onchange
funkcji, będzie zależał od przeglądarki. Drugi sposób wydaje się działać dobrze w różnych przeglądarkach.źródło
eval
podobna do zła konwersja łańcucha na kod nie jest konieczna. WłaściwienewSelect.onchange = changeitem;
działa dobrze, jeśli przepiszesz changeitem jakovar changeitem = function () {console.log(this.selectedIndex); };
(tj. Używającthis
zamiast argumentu funkcji). Lub zostawchangeitem
jak jest i napisznewSelect.onchange = function () {changeitem(this); };
.Rozwiązanie jQuery
Jak uzyskać wartość tekstową wybranej opcji
Wybierz elementy zwykle mają dwie wartości , do których chcesz uzyskać dostęp.
Najpierw jest wartość, którą należy wysłać na serwer, co jest łatwe:
Drugi to wartość tekstowa zaznaczenia.
Na przykład za pomocą następującego pola wyboru:
Jeśli chcesz uzyskać ciąg „Mr”, jeśli wybrano pierwszą opcję (zamiast tylko „1”), zrobiłbyś to w następujący sposób:
Zobacz też
źródło
To mi pomogło.
Do wyboru:
Dla radia / pola wyboru:
źródło
Możesz wypróbować poniższy kod
źródło
ten kod raz piszę dla wyjaśnienia zdarzenia onChange wybranego możesz zapisać ten kod jako HTML i zobaczyć, jak działa. i łatwy do zrozumienia dla ciebie.
źródło
Na wypadek, gdyby ktoś szukał rozwiązania React bez konieczności pobierania zależności dodawania, możesz napisać:
Pamiętaj, aby powiązać zmienioną funkcję () w konstruktorze, np .:
źródło
To działało dla mnie onchange =
setLocation($(this).val())
Tutaj.
źródło