html表单选项下拉,HTML表单第一个下拉自动改变第二个下拉选项

鉴于这种结构：

Please Select

Cars

Trucks

Motorcycles

Boats

white

black

red

green

blue

您可以使用jQuery .change功能：

$("#category").change(function() {

var str = "";

str = $("select#category option:selected").text();

if(str == "Trucks"){

$("select.second").not("#truck").hide();

$("#truck").show();

$("#truck").fadeIn(1000);

}

else if(str == "Cars"){

$("select.second").not("#car").hide();

$("#car").show();

$("#car").fadeIn(1000);

}

})

CSS

#category2{

display: none;

}