HTML select filter

HTML select filter
2020-12-03T15:33:17+01:00
2020-12-06T19:38:42+01:00
2022-10-15T21:26:31+02:00
mssqlDevel
Sziasztok!

Tudnátok ebben a problémában  segíteni?
Van két  select az oldalon. Szeretném a második select-et az első kiválasztása mentén szűkíteni, mutatom a kódot:
Nem  értek a  web programozáshoz, odáig  jutottam el, hogy megtudom  jeleníteni,mely értéket szeretném a filter alapjául.

<!doctype html> <html><head><meta charset="utf-8"> <script> function CsoportFilter(gepcsop) { document.getElementById("gepcsop").innerHTML = gepcsop; alert(gepcsop); console.log(gepcsop) } </script></head><body> csoportok : <select name="gepcsop" id = "gepcsop" width="auto" onchange="CsoportFilter(this.value)"> <option value="" disabled selected>Válaszd ki a gépcsoportot</option> <option placeholder = "Gépcsoportok" name="csop1">csop1</option> <option placeholder = "Gépcsoportok" name="csop2">csop2</option> <option placeholder = "Gépcsoportok" name="csop3">csop3 </option> </select> <br><br><br> Gépek : <select name="gepkombo" placeholder=" " width="500px" id="gepkombo"> <option placeholder=" " val="csop1" >A11</option> <option placeholder=" " val="csop1" >a12</option> <option placeholder=" " val="csop2" >a21</option> <option placeholder=" " val="csop2" >a22</option> <option placeholder=" " val="csop2" >a23</option> </select> </body></html>

 


Előre is köszi segítséget,
Mutasd a teljes hozzászólást!
Szia.

Többféle megoldás is lehetséges. Az egyik (illetve 8 féle) amit AlterEgo_2 linkelt be.

Itt ne az innerHTML-t használd:

document.getElementById("gepcsop").innerHTML = gepcsop;
HTML DOM Select value Property

A tiédre szabva:
Edit fiddle - JSFiddle - Code Playground
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd