HTML选择标记，决定下一个选择选项

-1

家伙，我想知道是否有这个办法：HTML选择标记，决定下一个选择选项

例如，如果在选择标签的第一个问题是“汽车品牌”。那么你选择例如“丰田”。下一个选项的下一个选项是丰田汽车的列表，如“凯美瑞，fortuner等”。如果在第一次选择时选择“本田”，则下一个选择选项将具有“公民，crz，crv等”。

基本上，下一个选择标签会根据所选的第一个选项切换选项。而最大的问题是如果代码仅用于HTML而不用于CSS。预先感谢您的回复:)

来源

2014-07-07 KidCoder

HTML仅是不可能的。在第一个选择上定义onselect，然后你可以使用AJAX（XHR）将选项填充到第二个选择中，或者预先加载所有选项，只显示相应的选项并隐藏其他选项。第一个更好，第二个没有AJAX。 – mikiqex

这实际上是使用javascript完成的，因为您想要动态更改页面上出现的下一个选择选项。如果你试图自己做，然后只问你的代码是否有问题，那就更好了。 – Grapho

一些JavaScript开始 - 每次选择框更改它将匹配所选值与“模型”对象中的值，并在模型选择框中显示结果。

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

来源

2014-07-07 13:55:25 user3566111

HTML选择标记，决定下一个选择选项

回答

相关问题