Zobrazení vybraného obsahu pole se seznamem v HTML

Question 1

Takže, mám combo box vyrobený v HTMl.

https://i.stack.imgur.com/5W6kt.png

HTML Kód:

<div>
    <select name="cars" id="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
</div>

Teď, co musím udělat, je, přiřadit ID <div> tag a definovat událost, combo box, který bude volat funkci v JS kódu. Tato funkce musí zkontrolovat vybrané hodnoty <div> (combo box) a psát to ve vnitřním HTML, jako je tento:

https://i.stack.imgur.com/Fxbv0.png

Vím, že je to asi snadná práce, ale jsem začátečník, nechci jít tvrdě na mě :D.

Edit: VYŘEŠENO!

HTML:

<!doctype html>
<html>
<head>
    <script type="text/javascript" src="script.js"></script>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
  <select id="box1" onChange="function1(this);">
    <option value="">Volvo</option>
    <option value="">Fiat</option>
    <option value="">Seat</option>
    <option value="">Audi</option>  
  </select>
<div  id="div1"></div>
</body>
</html>

JS:

function function1(element) {
    var text = element.options[element.selectedIndex].text;
    document.getElementById("div1").innerHTML = "Selection is: " + text;
}

Question 2

Každý Element v HTML má id proměnné v JS

cars.onchange = function(e){
   car.innerText = cars[cars.selectedIndex].value;
}

<select name="cars" id="cars">
  <option value="">Select a Car</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select> selection is: <span id='car'></span>

TAHER El Mehdi · Answer 1 · 2021-11-17T23:13:42

Každý Element v HTML má id proměnné v JS

cars.onchange = function(e){
   car.innerText = cars[cars.selectedIndex].value;
}

<select name="cars" id="cars">
  <option value="">Select a Car</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select> selection is: <span id='car'></span>

Zobrazení vybraného obsahu pole se seznamem v HTML

Otázka

Nejlepší odpověď

V jiných jazycích

Tato stránka je v jiných jazycích

Populární v této kategorii

Oblíbené položky v této kategorii