Element interfejsu użytkownika HTML służący do wybierania jednej lub więcej opcji z skończonej kolekcji opcji.

Więcej na temat html-select...

Chcę, aby zaznaczony element zawierał jedną domyślną opcję, która po wybraniu wyświetla wyskakujące okienko. Stworzyłem więc HTMLOptionElement i dodałem zdarzenie do detektora zdarzeń onclick, ale zdarzenie nie jest wyzwalane po kliknięciu opcji. Oto mój kod: const selectDefaultOption = new Option(....
26 styczeń 2022, 21:22
Zdaję sobie sprawę, że nie istnieją żadne zdarzenia natywne dla select przy otwarciu/zamknięciu. Używam select.mousedown i document.mouseup zgodnie z sugestią w tej odpowiedzi i działają dobrze na komputerze. Nie działają one jednak zgodnie z oczekiwaniami na urządzeniach mobilnych – po otwarciu s....
19 styczeń 2022, 16:42
Jak przesłać formularz dotyczący zdarzenia onChange tagu w SPA, bez wyzwalania zachowania domyślnego (przeładowanie strony). Dowiedziałem się, że mogę uzyskać dostęp do formularza z wydarzenia z elementem .form. Ale jeśli wywołam .form.submit(), strona zostanie ponownie załadowana, mimo że stwierd....
Mam listę rozwijaną. Chcę umieścić „tytuł 1234” na pierwszym miejscu listy rozwijanej. Ważne jest, aby po wybraniu "tytuł 1234" jego wartość wynosiła 1234. Jak mam to zrobić? Aby uzyskać to w ten sposób: Teraz lista wygląda tak: Vue.createApp({ data: () => ({ model: 'title ....
Zdrapuję witrynę VUE.js i kiedy mam włączony tryb debugowania w Selenium, może zlokalizować i kliknąć przycisk rozwijania, ale kiedy uruchamiam go w trybie normalnym, wyświetla następujący komunikat o błędzie: selenium.common.exceptions.ElementClickInterceptedException: Message: element click interc....
21 grudzień 2021, 22:42
Mam formularz, który zawiera select z kilkoma options. Jeden option można wybrać domyślnie na podstawie wartości w bazie danych. Jeśli jakaś opcja jest wybrana domyślnie, chcemy nadać jej stylizację. Po wyrenderowaniu formularza mogę po prostu zrobić coś takiego... $('#mySelect option:selected').ad....
16 grudzień 2021, 17:58
Próbuję nauczyć się PHP, aby rozwiązać wyzwanie oceny, w którym muszę zbudować listę produktów i strony dodawania produktów. Czytając tu i tam, oglądając tutoriale udało mi się do tej pory rozwijać ten kod: Index.php: <?php include("db.php"); ?> <?php include("includes/header.php"); ?> <div clas....
5 grudzień 2021, 19:03
Po kilku badaniach i testach odkryłem, że obie metody dają ten sam wynik. Zastanawiałem się więc, jaka jest różnica między: function buildUrl() { compType = document.querySelector('[name = "c-type"]'); compTypeValue = compType.value; } I function buildUrl() { compType = document.querySelec....
2 grudzień 2021, 19:15
Jestem w stanie posortować listę z mojej listy rozwijanej, ale problem polega na tym, jak ustawić domyślny wybór z listy rozwijanej, Lista rozwijana poprawnie wypełniła odpowiednie dane z bazy W HTML (plik ostrza) <select name="cty" id="country" class="form-control" required> <option selected hidd....
2 grudzień 2021, 11:53
Przy elementach HTML Select jest około 4px wcięcia. Jak mogę obliczyć/ uzyskać dokładną wartość za pomocą JavaScript? Próbowałem tego, ale nie daje mi prawidłowej wartości const el = document.querySelector('select'); const computedStyle = getComputedStyle(el); computedStyle.textIndent // '0px' compu....
23 listopad 2021, 15:30
Jak ustawić domyślną wartość wybraną, jeśli używam ngModel, ngValue i jak dodać symbol zastępczy w select? <select [(ngModel)]="defaultSelect" (change)="onChangeGoods(query_param)" #query_param="ngModel" name="query_param" > <option [ngValue]="{'sortBy': 'price', 'sortOrder': 'asc'}" > От дешевы....
22 listopad 2021, 12:13
Mamy stronę internetową z rozwijanym polem wyboru. Muszę zrobić zrzut ekranu strony z rozwijanym menu „Otwórz”. Jednak za każdym razem, gdy naciskam przycisk zrzutu ekranu, strona traci ostrość, a zaznaczenie zamyka się, zanim będzie mógł zrobić zrzut ekranu. Zrzut ekranu zawsze wyświetla go jako....
19 listopad 2021, 21:10
Pracuję nad formularzem HTML otwieranym w arkuszach Google za pomocą Google App Script. Używam dwóch wielu list rozwijanych w formularzu filtra. Użyłem kodu, aby uniknąć ctrl + kliknięcie, gdy użytkownik wybiera opcje. Filtr działa, ale jest błąd: kiedy przewijam w dół i wybieram opcję, opcja jest....
18 listopad 2021, 13:24
Jakie jest podejście do zmiany domyślnej opcji zaznaczonej w elemencie wyboru HTML? Spodziewam się, że jakoś uda mi się to połączyć z funkcją javascript, która jest wyzwalana, gdy użytkownik wchodzi na stronę. Na przykład, jeśli mamy następujące reprezentujące pierwsze cztery miesiące roku (1=sty, ....
12 listopad 2021, 12:44
Mam funkcję sortowania jQuery do sortowania wybranych opcji, ale wygląda na to, że nie aktualizuje każdego atrybutu danych opcji. Nie mogę zrozumieć, dlaczego nie. Jak mogę to naprawić? (Myślę, że moja funkcja może używać starych wartości lub dynamicznie aktualizować wartości tablicy, nie jestem ....
5 listopad 2021, 15:51
Czy istnieje sposób na uzyskanie style.color wartości opcji z wnętrza elementu wyboru HTML? w tej formie, czy jest jakiś sposób, aby uzyskać właściwości konkretnego dziecka z wnętrza wybranego elementu? Zauważ, że: Kiedy zmienię id elementu opcji na class strona przestaje działać let continentsSe....
3 listopad 2021, 17:27
Próbuję zbudować znacznik wyboru, w którym w zależności od wybranej opcji (w tym przypadku kolorów), chcę, aby pole znacznika wyboru zmieniło się w ten kolor tła. Jednak kiedy tego spróbuję, mogę tylko zmienić kolor na najwyższy dla dziecka (czarny). Jak to zrobić, żeby działało zgodnie z przeznac....
2 listopad 2021, 18:47
delcare state object const [addEmpData, setAddEmpData] = useState({ user_id:'',employee_id:'',name:'',date_of_join:'',gender:'',designation:'',user_role:'' }) Tutaj wartość dodana w wybranym tagu jako addempData.gender. i onchange fn, które ustawia....
24 październik 2021, 09:46
Widziałem wiele przykładów parametru reaktywnego Active Choices używającego sformatowanego html, ale żaden z nich nie używa typu wejścia wyboru HTML. Oto mój fragment kodu HTML (uproszczone wprowadzanie plików json dla zwięzłości): def json_files = ["a", "b", "c"] html_to_be_rendered = """<select i....
10 październik 2021, 11:51
Kiedy ustawię wartość domyślną w komponencie React-select, jest ona poprawnie rozpoznawana i ustawiana, ale nie jest podświetlona w menu wyboru. <Select onChange={handleChange} options={options} styles={styles} defaultValue={defaultValue} /> Wybrana wartość domyślna Nie podświetlone w menu To jest ....
Chciałem dodać dopełnienie po prawej stronie strzałki obecnej w zaznaczeniu HTML jak to obecnie wygląda. Nie chcę zmieniać wyglądu strzały. Wystarczy wyściółka po prawej stronie. To jest kod html - <div class="blood-type"> <select class="rectangle"> <option value="" disabled selected>Select On....
27 wrzesień 2021, 13:29
Jak mogę wpisać rekwizyty Select, aby defaultValue było ograniczone do jednej z wartości options ("au" | "nz" w tym przykładzie)? const countryOptions = [ { value: "au", label: "Australia", }, { value: "nz", label: "New Zealand", } ] as const; // This should produce an error....
18 wrzesień 2021, 07:15
Biorąc pod uwagę następujący kod HTML komponentu: <select (change)="leagueChoosen($event)"> <option disabled></option> <option *ngFor="let league of leagues.entries()" value={{league[1]}}> {{league[0]} </option> </select> Gdzie są ligi: leagues:Map<string,number> = new Map([["PORTUGAL 1", 3....
16 wrzesień 2021, 15:51
Pracuję nad UserScript, który dodaje przyciski do strony sieci Web. Jeden z przycisków, nad którymi pracuję, po kliknięciu utworzy wyskakujące div. Próbuję utworzyć dynamiczną listę rozwijaną Wybierz/Opcja w wyskakującym okienku, z opcjami pochodzącymi z tablicy. Jednak ciągle otrzymuję błędy i s....
14 wrzesień 2021, 15:32
Poniższy kod doskonale nadaje się do testowania, właśnie użyłem go w Visual Studio Code (https://code.visualstudio .com/) i utworzył stronę z rozszerzenia Live Server (https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer): <html> <head> </style> <script src=....
29 sierpień 2021, 20:41