图像和选择列表javascript

我想让这些产品出现在我的网站上。我希望图像在选择列表中被选中时出现。因此，当我选择“靴子”时，靴子的图像将出现在我的网站上。我认为，如果我将图像设置为隐藏在html中，然后选择该选项，则特定图像将使用javascript中的if语句取消隐藏。任何帮助，我似乎无法让javascript工作。谢谢

HTML:

<div id="product1">
    <img src="Jersey.jpg" style="visibility:hidden;" />
</div>

<div id="product2">
    <img src="boots.png" style="visibility:hidden;" />
</div>

<td class="inputcell">
      <select name="prod" id="prod">
          <option id="product1" value="0">Products from Sports World</option>
          <option id="product2" value="50.00">Jersey ($50.00)</option>
          <option id="product1" value="45.50">Boots ($45.50)</option>   
      </select>
</td>

for (var i = 0; i < products.length; i++) 
{
    if (products[i].id == selected_id){

    }
}

来自体育世界的产品
泽西岛（50美元）
靴子（45.50美元）

JavaScript:

<div id="product1">
    <img src="Jersey.jpg" style="visibility:hidden;" />
</div>

<div id="product2">
    <img src="boots.png" style="visibility:hidden;" />
</div>

<td class="inputcell">
      <select name="prod" id="prod">
          <option id="product1" value="0">Products from Sports World</option>
          <option id="product2" value="50.00">Jersey ($50.00)</option>
          <option id="product1" value="45.50">Boots ($45.50)</option>   
      </select>
</td>

for (var i = 0; i < products.length; i++) 
{
    if (products[i].id == selected_id){

    }
}

for（var i=0；i

问题一。。。ID是唯一的。它们应该连接到一个元素，并且只能连接到一个元素。 问题二我不知道你从哪里得到“产品.长度”

三

永远不要使用内联样式

将id应用于其他图像以及catimg类。然后，您应该将名称属性应用于列表项

$("#myselect").on("change",function(){
 var name = $(this).val();
   if(!$(this).hasClass("active")){
      $('.active').hide(0).removeClass('active');
      $("#" + name).show(0).addClass("active");
  }

 })

使用以下命令：

$('select option').click(function () { // on a click on option..
   if($(this).val() == '50.00') { // jersey selected
     $('.jersey').show();
   } else if($(this).val() == '50.00') {
     $('.boots').show(); // hide images on your own! :) 
   }
}

同时，改变这些：

<img src="boots.png" style="visibility:hidden; img/>

对这些：

<img src="boots.png" class="boots" style="display: none;"/>

---

对于jersey图像也有类似的情况，以确保在选择正确的选项后它变得可见

您没有提供有效或完整的代码。ID在HTML中必须是唯一的。“选择列表”在哪里？如何“选择”事物请创建一个fiddle。您的img标记是错误的，它们应该是

对不起，但我是新来的whtasa fiddle？这是使用jquery吗？我是否需要将函数放入脚本中？非常感谢您的帮助是的，这是jQuery，您需要将它放在

script

tag！：）我就是这么想的谢谢。我把它放在一个脚本标签里，它似乎不起作用。我还能把jquery放在一个.js文件中，并将它链接到我的html吗？再说一次，这很管用。它怎么不起作用？您的页面是否附加了jQuery？