HTML下拉菜单链接在一起

时间:2019-02-19 10:10:33

标签: html

我正在尝试用HTML创建一个汽车销售网站,我希望下拉菜单相互链接,因此,当选择某个汽车制造商时,当用户单击模型下拉菜单时,它只会显示该制造商的型号。因此,例如,在制造商下拉菜单中,用户选择法拉利,然后单击模型下拉菜单,则仅显示法拉利模型,而不是每个模型。

有人知道这是圆顶吗?我当前的代码如下。

<div class="newdiv">
   <h2>Search our vast catalogue of vehicles here...</h2>
   <div class="row">
      <select name="Manufacturer">
         <option value="Select a Manufacturer">Select a Manufacturer</option>
         <option value="Audi">Audi</option>
         <option value="BMW">BMW</option>
         <option value="DS Automobiles">DS Automobiles</option>
         <option value="Ferari">Ferrari</option>    
         <option value="Ford">Ford</option>
         <option value="Jaguar">Jaguar</option>
         <option value="Lamborghini">Lamborghini</option>
         <option value="Lotus">Lotus</option>
         <option value="Mercedes Benz">Mercedes Benz</option>
         <option value="Nissan">Nissan</option>
         <option value="Range Rover">Range Rover</option>
         <option value="Toyota">Toyota</option>
         <option value="Select a Manufacturer">Select a Manufacturer</option>
         <option value="Harley Davidson">Harley Davidson</option>
         <option value="Yamaha">Yamaha</option>
         <option value="Honda">Honda</option>
         <option value="Ducati">Ducati</option> 
         <option value="Kawasaki">Kawasaki</option>
         <option value="BMW">BMW</option>
         <option value="Aprilia">Aprilia</option>
         <option value="Triumph">Triumph</option>
         <option value="KTM">KTM</option>
      </select>     

      <select name="Model">
         <option value="Model">Model</option>
      </select>

      <select name="Minimum Price">
         <option value="Minimum Price">Minimum Price</option>
         <option value="£500">£500</option>
         <option value="£1000">£1000</option>
         <option value="£2000">£2000</option>
         <option value="£5000">£5000</option>
         <option value="£10000">£10000</option>
         <option value="£15000">£15000</option>
         <option value="£20000">£20000</option>
         <option value="£25000">£25000</option>
         <option value="£30000">£30000</option>
         <option value="£35000">£35000</option>
         <option value="£40000">£40000</option>
         <option value="£45000">£45000</option>
         <option value="£50000">£50000</option>
      </select>

      <select name="Maximum Price">
         <option value="Maximum Price">Maximum Price</option>
         <option value="£500">£500</option>
         <option value="£1000">£1000</option>
         <option value="£2000">£2000</option>
         <option value="£5000">£5000</option>
         <option value="£10000">£10000</option>
         <option value="£15000">£15000</option>
         <option value="£20000">£20000</option>
         <option value="£25000">£25000</option>
         <option value="£30000">£30000</option>
         <option value="£35000">£35000</option>
         <option value="£40000">£40000</option>
         <option value="£45000">£45000</option>
         <option value="£50000">£50000</option>
         <option value="£40000">£75000</option>
         <option value="£45000">£100000</option>
         <option value="£50000">£250000</option>          
      </select>
   </div>
</div>

0 个答案:

没有答案