Javascript combobox
Javascript combobox
本文关键字:combobox Javascript 更新时间:2023-09-26
我有一个组合框,它给了我 3 个选项,当你转到选项时,如果给我一个选项框之外的图像。我想做的是能够显示html而不是图像。
function display_map(mapid) {
println(mapid);
if (mapid == "ireland_map") {
document.getElementById('ireland_map').style.display = "block";
document.getElementById('africa_map').style.display = "none";
document.getElementById('america_map').style.display = "none";
}
else if (mapid == "africa_map") {
document.getElementById('ireland_map').style.display = "none";
document.getElementById('africa_map').style.display = "block";
document.getElementById('america_map').style.display = "none";
} else if (mapid == "america_map") {
document.getElementById('ireland_map').style.display = "none";
document.getElementById('africa_map').style.display = "none";
document.getElementById('america_map').style.display = "block";
}
else {
document.getElementById('ireland_map').style.display = "none";
document.getElementById('africa_map').style.display = "none";
document.getElementById('america_map').style.display = "none";
}
}
<select name="#" id="map_select" onChange="display_map('freddy');">
<option selected="selected"></option>
<option id="ireland_map">ireland</option>
<option id="africa_map">africa</option>
<option id="america_map">america</option>
</select>
<div id="ireland_map" style="display:none;"> hey, 1 works </div>
<div id="africa_map" style="display:none;"> hey, 2 works </div>
<div id="america_map" style="display:none;"> hey, 3 works </div>
您的div 和选项上具有相同的 ID。这就是它不起作用的原因。
http://jsfiddle.net/jbabey/z9Jct/
相关文章:
- 为什么不't Javascript对我的输入值进行了一些重新检查
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 将函数的上下文应用于javascript变量
- 使用php或javascript从facebook相册URL中删除多余的部分
- 正在添加'X'按钮,在文本字段旁边使用javascript
- 如何在JavaScript中将字符串转换为函数引用
- 模糊事件的Javascript测试
- Javascript更改图标
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- 如何使用WCF服务和javascript表单post上传.doc文件
- 如何通过JavaScript创建Telerik MVC Combobox
- Combobox with javascript on ruby on rails
- Javascript combobox
- 使用 Combobox 类别和 Textbox JavaScript 进行过滤
- 用javascript获取combobox的值
- 使用JavaScript启用Textbox/combobox/RadDatePicker更改按钮
- 使用Javascript选择一个Dojo ComboBox项目
- Javascript ComboBox-是否存在此特定功能的名称或示例
- 如何通过Javascript访问QML ComboBox中使用的QAbstractListModel的角色
- 如果ComboBox值,则单选按钮可见JavaScript