带图像开关的下拉菜单
问题描述:
我正在尝试根据人在下拉菜单中选择的内容进行图像切换。 html和js有两个不同的文件。带图像开关的下拉菜单
这仅仅是HTML的一部分:
<select id="Breed_0_field" name="Breed76" onChange="javascript: wizard();" onkeyup="javascript: wizard();" tabindex="4">
<option selected="selected" value="Select One">Select One</option>
<option value="Other/Mix">Other/Mix</option>
<option value="0">--- Common Breeds----</option>
<option value="Border Collie">Border Collie</option>
<option value="Boxer">Boxer</option>
<option value="Corgi">Corgi</option>
<option value="Dachshund">Dachshund</option>
对于JS部分:
breed = document.getElementById("Breed_0_field").value;
selectdog()
function selectdog()
{
dog_type=0
switch (breed)
{
case "Affenpinscher": // Affenpinscher
// Affenpinscher
document.getElementById("dog_breed_picture").src = "http://handicappedpet.net/helppets/images/avatars/gallery/Dog_Larger/blank.gif";
break;
case "Affenpinscher": // Affenpinscher
// Affenpinscher
document.getElementById("dog_breed_picture").src = "http://handicappedpet.net/helppets/images/avatars/gallery/Dog_Larger/Affenpinscher.gif";
break;
case "Afghan Hound": // Afghan Hound
// Afghan Hound
document.getElementById("dog_breed_picture").src = "http://handicappedpet.net/helppets/images/avatars/gallery/Dog_Larger/Afghan_Hound.gif";
break;
的问题是,是,这一切的使用和用于数字工作。在HTML部分使用的值是1,2,3,4 ...和正确的形象与1,2,3,4 ...匹配的情况...但我需要的值的HTML是它的名字,否则以后在代码上它只显示数字而不是品种名称。
我如何让这个图像开关有点工作,但用字符串而不是数字?
答
我的坏!显然这确实有效!
我的问题是,我有一个功能 如果(品种> 0){selectdog()} 这将永远不会工作,因为我没有长时间使用数字。
但你确实可以使用字符串。
答
你可以做的是有一个数组与狗的名字,数字引用数组中的索引,你可以稍后在代码中使用。我可以包括一个例子,如果它会帮助