Question

伙计们我想知道是否有办法解决这个问题：

如果选择标签中的第一个问题是“汽车品牌”。然后你选择例如“丰田”。下一个选项的下一个选择选项是丰田汽车列表，如“camry，fortuner等”。如果在第一个选择中选择“honda”，则下一个选择选项将包含“civic，crz，crv等”。

所以基本上下一个选择标签切换选项取决于所选的第一个选项。最大的问题是，如果代码仅用于HTML而不是CSS。提前感谢您的回复：）

Answer 1

一些JavaScript开始 - 每次选择框更改时，它都会使用＆＃34; model＆＃34;中的值与所选值匹配。对象并在模型选择框中显示结果。

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)); 
           });
       }
   }); 
});

HTML选择标记，指示下一个选择选项

1 个答案: