Otvaranje i skrivanje određenih polja u Dropdownu

by Nikola Vidović

HTML

<select id="tdp-0" class="tdp-class-0" name="kontinent">

      
<option>Kontinent</option>
<option value="137" data-name="afrika" >Afrika</option>
<option value="142" data-name="asien">Asien</option>
<option value="80" data-name="europa">Europa</option>
<option value="132" data-name="nordamerika">Nordamerika</option>
<option value="278" data-name="mittelamerika">Mittelamerika</option>
      
</select>

<select id="tdp-1" class="tdp-class-1" name="land">
   
   <option>Land</option>



  <!--Asien-->
      <option value="145" data-name="china" value1="asien">China</option>
      <option value="147" data-name="vereinigte-arabische-emirate" value1="asien">Vereinigte Arabische Emirate</option>
      <option value="144" data-name="thailand" value1="asien">Thailand</option>
      <option value="146" data-name="sri-lanka" value1="asien">Sri Lanka</option>

 <!--Europa-->
      <option value="67" data-name="osterreich" value1="europa">Österreich</option>
      <option value="95" data-name="zillertal-osterreich" value1="europa">Zillertal | Österreich</option>
      <option value="88" data-name="deutschland" value1="europa">Deutschland</option>
      <option value="81" data-name="frankreich" value1="europa">Frankreich</option>
      <option value="87" data-name="grosbritannien" value1="europa">Großbritannien</option>
      <option value="86" data-name="italien" value1="europa">Italien</option>
      <option value="93" data-name="montenegro" value1="europa">Montenegro</option>
      <option value="90" data-name="niederlande" value1="europa">Niederlande</option>
      <option value="92" data-name="schweiz" value1="europa">Schweiz</option>
      <option value="139" data-name="spanien" value1="europa">Spanien</option>
      <option value="91" data-name="sudtirol-italien" value1="europa">Südtirol | Italien</option>
	  
	  
	       <!--Afrika-->
      <option value="135" data-name="jamaika" value1="afrika">Jamaika</option>
      <option value="143" data-name="malediven"...

JavaScript

$("#tdp-1").children('option:gt(0)').hide();
    $("#tdp-2").children('option:gt(0)').hide();
    $("#tdp-0").change(function() {
    var e = document.getElementById("tdp-0");
		var kontinet = e.options[e.selectedIndex].value;
    var ime = e.options[e.selectedIndex].getAttribute("data-name");
    
        $("#tdp-1").children('option').hide();
        $("#tdp-1").children("option[value1^=" + ime + "]").show();

    })
    
    $("#tdp-1").change(function() {
        var b = document.getElementById("tdp-1");
    var zemlja = b.options[b.selectedIndex].value;
    var ime = b.options[b.selectedIndex].getAttribute("data-name");
    
        $("#tdp-2").children('option').hide();
        $("#tdp-2").children("option[value1^=" + ime + "]").show();


      })