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

Formularz z instrukcją warunkową

0 głosów
103 wizyt
pytanie zadane 14 września 2021 w JavaScript przez TheDarkSide Użytkownik (640 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ź 14 września 2021 przez qax Dyskutant (8,040 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 15 września 2021 przez VBService Mędrzec (178,930 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ź 14 września 2021 przez ScriptyChris Mędrzec (181,080 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 103 wizyt
pytanie zadane 18 listopada 2019 w PHP przez karoloo Użytkownik (530 p.)
0 głosów
0 odpowiedzi 179 wizyt
0 głosów
2 odpowiedzi 82 wizyt
pytanie zadane 21 marca 2020 w PHP przez saseq Nowicjusz (140 p.)

88,664 zapytań

137,273 odpowiedzi

306,607 komentarzy

58,866 pasjonatów

Motyw:

Akcja Pajacyk

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

Sklep oferujący ćwiczenia JavaScript, PHP, rozmowy rekrutacyjne dla programistów i inne materiały

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

...