显示图像的组合框
Combo box which shows images
我正在尝试制作一个下拉组合框,根据性别和年龄显示不同的图像和文本。我对文本没有问题,但我不知道该怎么做才能显示图像。这是我正在使用的脚本:
function byId(e) {
return document.getElementById(e);
}
function genderComboChange() {
var combo1 = byId('genderCombo');
var combo2 = byId('ageCombo');
emptyCombo(combo2);
switch (combo1.value) {
case '-1':
addOption(combo2, -1, 'Age');
break;
case '0':
addOption(combo2, -1, 'Age', '');
addOption(combo2, 0, '0-3 yr', '700 mg');
addOption(combo2, 1, '4-8 yr', '1.000 mg');
addOption(combo2, 2, '9-18 yr', '1.300 mg');
addOption(combo2, 3, '19-50 yr', '1.000 mg');
addOption(combo2, 4, '51-70 yr', '1.000 mg');
addOption(combo2, 5, '70+ yr', '1.200 mg');
break;
case '1':
addOption(combo2, -1, 'Age', '');
addOption(combo2, 0, '0-3 yr', '700 mg');
addOption(combo2, 1, '4-8 yr', '1.000 mg');
addOption(combo2, 2, '9-18 yr', '1.300 mg');
addOption(combo2, 3, '19-50 yr', '1.000 mg');
addOption(combo2, 4, '51-70 yr', '1.200 mg');
addOption(combo2, 5, '70+ yr', '1.200 mg');
break;
case '2':
addOption(combo2, -1, 'Age', '');
addOption(combo2, 0, '14-18 yr', '1.300 mg');
addOption(combo2, 1, '19-50 yr', '1.000 mg');
break;
}
ageComboChange();
}
function ageComboChange() {
var combo2, tgt;
combo2 = byId('ageCombo');
tgt = byId('tgt');
tgt.innerHTML = combo2.options[combo2.options.selectedIndex].title;
}
function emptyCombo(e) {
e.innerHTML = '';
}
function addOption(combo, val, txt, disp) {
var option = document.createElement('option');
option.value = val;
option.title = disp;
option.appendChild(document.createTextNode(txt));
combo.appendChild(option);
}
以下是JSFiddle:https://jsfiddle.net/nadiaeagle/s7u0q631/2/
你需要使用一个框架,比如 AngularJShttps://angularjs.org/
相关文章:
- 将7个图像组合为一个,一个在另一个之上,并输出为单个图像
- 如何通过在灯箱外单击或在与图像贴图组合时点击esc退出灯箱
- KineticJS可以组合图像吗
- 将背景颜色和图像过滤器的组合应用于svg路径
- Fancybox - 将图像和 iframe 组合在一个图库中
- 将图像组合在一起并在窗口加载时对图像进行动画处理
- 显示图像的组合框
- Jquery/图像映射组合无法正常工作
- 有没有一种方法可以将表格和画布组合成一个单独的图像
- JavaScript代码更改组合框输出中的所有图像,而不是所需的图像
- 如何在图像地图中组合热点
- 如何在具有显示库的放大弹出窗口中组合内联元素和图像
- 在一个画布中组合两个图像
- 如何在角数据表中组合数据和显示图像
- 我如何在Extjs中添加图像到组合
- 如何设置加载组合框的图像
- Javascript组合图像
- 我如何使用ajax和javascript来构建一个图像组合
- 在填充组合框列表时显示加载图像
- 产品画廊-这个网站如何为每一个可能的组合生成图像