<h3>请选择下拉框内容:</h3>
颜色:
<select name="" id="proc">
<option value="">请选择水果颜色</option>
</select>
水果:
<select name="" id="city">
<option value="">请选择水果</option>
</select>
<script src="../JS/jquery-3.3.1.min.js"></script>
<script>
var list=[];
list["红色"]=["苹果", "西瓜"];
list["黄色"]=["香蕉", "芒果"];
for(var n in list){
$("<option value='"+n+"'>"+n+"</option>").appendTo("#proc");
}
$("#proc").change(function(){
var su=$(this).val();
var zu=list[su];
$("#city option").remove();
for(var i=0; i<zu.length; i++){
$("<option value='"+zu[i]+"'>"+zu[i]+"</option>").appendTo("#city");
}
});
</script>
- 效果图: