1

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

我如何使这个图像切换有点工作但使用字符串而不是数字？

4

2 回答 2

0

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

我的问题是我有一个函数 if (breed > 0){selectdog()} 永远不会工作，因为我不再使用数字。

但是您确实可以使用带大小写的字符串。

于 2013-02-21T14:57:55.523 回答
-1

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

于 2013-02-21T14:45:17.607 回答