HTML balise select qui dicte la prochaine sélectionnez l'option

Question

Guys Je veux savoir s'il y a un moyen pour cela:

Si la première question par exemple dans la balise select est « marque de voiture ». alors vous sélectionnez par exemple "toyota". L'option de sélection suivante pour la prochaine option est la liste des voitures pour Toyota comme "Camry, Fortuner, etc." et si sur la première sélection vous choisissez "honda" l'option de sélection suivante aura "civic, crz, crv etc.". Donc, en gros, l'étiquette de sélection suivante change d'option en fonction de la première option sélectionnée. et la plus grande question est si le code est pour HTML seulement pas avec CSS. Merci d'avance pour votre réponse :)

Answer 1

Un JavaScript pour commencer - Chaque fois que la boîte de sélection change, elle correspond à la valeur sélectionnée avec les valeurs de l'objet "modèle" et affiche les résultats dans la boîte de sélection du modèle.

Fiddle

<select id="makes"> 
    <option value="NULL">Please Select</option> 
    <option value="Honda">Honda</option> 
    <option value="Toyota">Toyota</option> 
</select> 




<select id="model"> 
</select> 



$(function(){ 
    $('#makes').change(function(){ 
     var make = $(this).val(); 
     var model = { 
      Honda:{1:"Civic", 2:"Accord"}, 
      Toyota:{1:"Supra",2:"Yaris"} 
     }; 


     if(model.hasOwnProperty(make)){ 
      $('#model').html(''); 

      $.each(model[make], function(i, val) { 
       $('#model') 
        .append($("<option></option>") 
        .attr("value",val) 
        .text(val)); 
      }); 
     } 
    }); 
});