salut a tous, je suis debutant en programmation et je bosse actuellement sur un projet de site internet. J'ai realise un formulaire de reservation pour le transit de voiture. je voudrais qu'en choisissant 1 comme notre de voiture a envoyer , un fiedset s'affiche demandant des renseignements sur la voiture. En choisissant deux comme nombre de voiture, deux fieldsets doivent s'afficher et ainsi de suite.
Voici donc mon code HTML. Je n'ai pas de code Javascript ou jquery car je ne sais pas comment les ecrire.
Voici donc mon code HTML. Je n'ai pas de code Javascript ou jquery car je ne sais pas comment les ecrire.
<fieldset id="VehicleInfo">
<legend>Vehicle Information</legend>
<p>If you are shipping car overseas, please provide all informations in this section.</p>
<ol>
<li>
<label for="VehicleNo">Number of vehicles:</label>
<select name="VehicleNo" id="VehicleNo" title="Vehicle Number">
<option>Please select...</option>
<option>One (1)</option>
<option>Two (2)</option>
<option>Three (3)</option>
<option>Four (4)</option>
</select>
</li>
</ol>
<fieldset>
<legend>Vehicle 1</legend>
<ol>
<li>
<label for="Yeay">Year:</label>
<input type="text" size="20" name="Year" id="Year" title="Year">
</li>
<li>
<label for="Make">Make:</label>
<input type="text" size="20" name="Make" id="Make" title="Make">
</li>
<li>
<label for="Model">Model:</label>
<input type="text" size="20" name="Model" id="Model" title="Model">
</li>
<li>
<label for="BodyType">Body type:</label>
<select name="BodyType" id="BodyType" title="Body Type">
<option>Please select...</option>
<option>Cars & Minivans</option>
<option>Crossovers & SUVs</option>
<option>Trucks</option>
</select>
</ol>
</fieldset>
<fieldset>
<legend>Vehicle 2 </legend>
<ol>
<li>
<label for="Yeay">Year:</label>
<input type="text" size="20" name="Year" id="Year" title="Year">
</li>
<li>
<label for="Make">Make:</label>
<input type="text" size="20" name="Make" id="Make" title="Make">
</li>
<li>
<label for="Model">Model:</label>
<input type="text" size="20" name="Model" id="Model" title="Model">
</li>
<li>
<label for="BodyType">Body type:</label>
<select name="BodyType" id="BodyType" title="Body Type">
<option>Please select...</option>
<option>Cars & Minivans</option>
<option>Crossovers & SUVs</option>
<option>Trucks</option>
</select>
</ol>
</fieldset>
<fieldset>
<legend>Vehicle 3 </legend>
<ol>
<li>
<label for="Yeay">Year:</label>
<input type="text" size="20" name="Year" id="Year" title="Year">
</li>
<li>
<label for="Make">Make:</label>
<input type="text" size="20" name="Make" id="Make" title="Make">
</li>
<li>
<label for="Model">Model:</label>
<input type="text" size="20" name="Model" id="Model" title="Model">
</li>
<li>
<label for="BodyType">Body type:</label>
<select name="BodyType" id="BodyType" title="Body Type">
<option>Please select...</option>
<option>Cars & Minivans</option>
<option>Crossovers & SUVs</option>
<option>Trucks</option>
</select>
</ol>
</fieldset>
<fieldset>
<legend>Vehicle 4 </legend>
<ol>
<li>
<label for="Yeay">Year:</label>
<input type="text" size="20" name="Year" id="Year" title="Year">
</li>
<li>
<label for="Make">Make:</label>
<input type="text" size="20" name="Make" id="Make" title="Make">
</li>
<li>
<label for="Model">Model:</label>
<input type="text" size="20" name="Model" id="Model" title="Model">
</li>
<li>
<label for="BodyType">Body type:</label>
<select name="BodyType" id="BodyType" title="Body Type">
<option>Please select...</option>
<option>Cars & Minivans</option>
<option>Crossovers & SUVs</option>
<option>Trucks</option>
</select>
</ol>
</fieldset>
</fieldset>