Question

我希望下拉菜单上的每个选择都显示多个内容。如果选择了传感器1，则需要显示传感器1的位置和传感器1的地址的图片。我不知道如何在下拉菜单选项中添加多个功能，因此我尝试将地址设置为图像，并尝试通过一次选择显示多个图像。传感器2和传感器3也是一样，但我们只使用传感器1。

 <select onchange="$('#imageToSwap').attr('src', this.options[this.selectedIndex].value);$('#imageToSwap2').attr('src', this.options[this.selectedIndex].value);">
<option value="https://i.imgur.com/KxkwWjO.png" value="https://i.imgur.com/L8fx0iM.png"  selected>Sensor 1</option>
<option value="https://i.imgur.com/DjIuGQ0.png">Sensor 2</option>
<option value="https://i.imgur.com/IZ7FoQN.png">Sensor 3</option>
</select><img id="imageToSwap" class="profile" src="https://i.imgur.com/KxkwWjO.png"><img id="imageToSwap2" class="profile" src="https://i.imgur.com/L8fx0iM.png">

Answer 1

你不能做这样的事吗？

{{1}}

如何在HTML的下拉菜单中显示多张图片？

1 个答案: