通过javascript更改选择选项

时间:2016-08-08 06:49:15

标签: javascript

我在javascript中遇到问题

我制作carwebsite

我需要根据图像实现功能 enter image description here

当我在“make”选择框中选择公司时,

它向我展示了所有课程。然后我需要从第二个下拉列表中选择一个“类”,它应该显示所有模型

现在我得到一个代码

  <script type="text/javascript">
     $(document).ready(function(){
          $('.car').change(function()
          {           getcar = $(this).val();
           //console.log(getcar);
              $('.subcar').hide();
            $('.'+getcar).show();
             });        });
            // end DOM
                </script>

这是select(make)

  <select name="car" class="car">
  <option value="0" SELECTED="SELECTED">--Choose--</option>
 <option value="Acura">Acura</option>
<option value="Alfa_Romeo">Alfa Romeo</option>
<option value="Aston_Martin">Aston Martin</option>
<option value="Audi">Audi</option>
<option value="Bentley">Bentley</option>
<option value="BMW">BMW</option>
<option value="Buick">Buick</option>
<option value="Cadillac">Cadillac</option>
<option value="Can_Am">Can Am</option>
<option value="Chery">Chery</option>
<option value="Chevrolet">Chevrolet</option>
<option value="Chrysler">Chrysler</option>
<option value="Citroen">Citroen</option>
<option value="Daihatsu">Daihatsu</option>
<option value="Dodge">Dodge</option>
<option value="Ducati">Ducati</option>
<option value="Ferrari">Ferrari</option>
<option value="Fiat">Fiat</option>
<option value="Ford">Ford</option>
<option value="GMC">GMC</option>
</select>

这是select(class)

<select name="branch_name" class="subcar Acura" style="display:none;">
<option value="0" SELECTED="SELECTED" DISABLED="DISABLED">- None -</option>
<option value="CL">CL</option>
<option value="CSX">CSX</option>
<option value="EL">EL</option>
<option value="ILX">ILX</option>
<option value="ZDX">ZDX</option></select>


<select name="branch_name" class="subcar Alfa_Romeo" style="display:none;">
<option value="0" SELECTED="SELECTED" DISABLED="DISABLED">- None -</option>
<option value="101">101</option>
<option value="156">156</option>
<option value="156CROSSWAGON">156CROSSWAGON</option>
<option value="Spider">Spider</option>
 </select>


<select name="branch_name" class="subcar Aston_Martin" style="display:none;">
<option value="0" SELECTED="SELECTED" DISABLED="DISABLED">- None -</option>
<option value="DB9">DB9</option>
<option value="Healey">Healey</option>
<option value="Vantage">Vantage</option>
 </select>

我如何进行第三次选择

???

0 个答案:

没有答案