带图像开关的下拉菜单

我正在尝试根据人在下拉菜单中选择的内容进行图像切换。 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是它的名字，否则以后在代码上它只显示数字而不是品种名称。

我如何让这个图像开关有点工作，但用字符串而不是数字？

来源

2013-02-21 KDD

我的坏！显然这确实有效！

我的问题是，我有一个功能如果（品种> 0）{selectdog（）} 这将永远不会工作，因为我没有长时间使用数字。

但你确实可以使用字符串。

来源

2013-02-21 14:57:55 KDD

-1

你可以做的是有一个数组与狗的名字，数字引用数组中的索引，你可以稍后在代码中使用。我可以包括一个例子，如果它会帮助

来源

2013-02-21 14:45:17 Joshua

带图像开关的下拉菜单

回答

相关问题