• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Formularz z instrukcją warunkową

Fiszki IT
Fiszki IT
0 głosów
62 wizyt
pytanie zadane 3 dni temu w JavaScript przez TheDarkSide Początkujący (330 p.)

Mam formularz w którym są do wyboru dwie opcje : mały bus i duży bus.

Powiedzmy , że mały bus jest tylko do 2000kg

Niżej wpisuje się wagę paczek do przetransportowania.

Chciałabym, żeby po wpisaniu wagi, która będzie większa niż te 2000kg opcja się zmieniła automatycznie z mały bus na duży bus. 

 <select name="bus" id="flight">
    <option value="Airbus">Airbus</option>
    <option value="Boeing">Boeing </option>
  </select>

 

2 odpowiedzi

+2 głosów
odpowiedź 2 dni temu przez qax Obywatel (1,630 p.)

HTML:

<select name="bus" id="flight">
  <option value="Airbus">Airbus</option>
  <option value="Boeing">Boeing</option>
</select>
<input type="number" name="weight" id="weight" value="1000" />

JavaScript:

var weightInput = document.getElementById('weight');
var flightSelect = document.getElementById('flight');
weightInput.addEventListener('keyup', function() {
  if (this.value < 2000) {
    flightSelect.selectedIndex = 0;
  } else {
    flightSelect.selectedIndex = 1;
  }
});

 

1
komentarz 2 dni temu przez VBService VIP (120,940 p.)

Proponuję "rozbudować" skrypt @qax,  wink

const weightInput = document.getElementById('weight');
const flightSelect = document.getElementById('flight');

['keyup', 'change'].forEach((event) => {
  weightInput.addEventListener(event, function() {
    if (this.value < 2000) {
      flightSelect.selectedIndex = 0;
      flightSelect.options[0].disabled = false;
    } else {
      flightSelect.selectedIndex = 1;
      flightSelect.options[0].disabled = true;      
    }
  });
});

 

0 głosów
odpowiedź 3 dni temu przez ScriptyChris Mędrzec (164,060 p.)

Możesz podpiąć się na event change do inputa, gdzie wpisuje się wagę paczki, tam sprawdzić wagę (odczyt property value) i wybrać odpowiednią opcję dla <select> poprzez selectedIndex.

Podobne pytania

0 głosów
2 odpowiedzi 69 wizyt
pytanie zadane 18 listopada 2019 w PHP przez karoloo Początkujący (480 p.)
0 głosów
0 odpowiedzi 162 wizyt
0 głosów
2 odpowiedzi 53 wizyt
pytanie zadane 21 marca 2020 w PHP przez saseq Nowicjusz (140 p.)
Porady nie od parady
Zadając pytanie postaraj się o poprawną pisownię i czytelne formatowanie tekstu.Kompozycja

84,706 zapytań

133,512 odpowiedzi

295,905 komentarzy

55,988 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...