大家好,我只是 JavaScript 的初学者。我试图创建一个下拉组合。但由于某种原因,这不起作用。
这是html代码:
<select id="MapSelect" onchange="changeChart();">
<option value="developmentRegionMap">Development Region</option>
<option value="ecoMap">Ecological Regions</option>
<option value="world_mill_en">Districts</option>
</select>
<select id="dataSelect" onchange="changeChart();">
<option value="CASTE1">CASTE1</option>
<option value="CASTE2">CASTE2</option>
</select>
这是javascript部分;
function changeChart() {
var data={}
var value = MapSelect.options[MapSelect.selectedIndex].value;
var dataType = dataSelect.options[dataSelect.selectedIndex].value;
if (value == "developmentRegionMap" && dataType == "CASTE1") {
data=CASTE1_Developmental;
alert("APPLE");
}
else if (value == "developmentRegionMap" && dataType == "CASTE2") {
data=CASTE2_Developmental;
alert("BALL");
}
else if (value == "ecoMap" && dataType == "CASTE1") {
data=CASTE1_Eco;
alert("CAT");
}
else if (value == "ecoMap" && dataType == "CASTE2") {
data=CASTE2_Eco;
alert("DOG");
}
else if (value == "world_mill_en" && dataType == "CASTE1") {
data=CASTE1_Districts;
alert("ELEPHANT");
}
else if (value == "world_mill_en" && dataType == "CASTE2") {
data=CASTE2_CASTE2;
alert("HEN");
}
};
此代码的 jsfiddle 链接是:http: //jsfiddle.net/4yd2F/2/