Javascript 通过jQuery/Ajax选择更改返回图像

实际上，我面临的问题是返回与select值关联的图像。代码如下：

<select class="pt-select" name="ptscrollbar_options[maptypeid]">
<option value="ROADMAP" <?php selected( $settings['maptypeid'], 'ROADMAP' ); ?>>ROADMAP</option>
<option value="SATELLITE" <?php selected( $settings['maptypeid'], 'SATELLITE' ); ?>>SATELLITE</option>
<option value="HYBRID" <?php selected( $settings['maptypeid'], 'HYBRID' ); ?>>HYBRID</option>
<option value="TERRAIN" <?php selected( $settings['maptypeid'], 'TERRAIN' ); ?>>TERRAIN</option>
</select>

---

我的目标是在更改“选择”值时更改图像。比如，如果我选择卫星，它会立即显示目录中的卫星图像，或者如果我选择混合，它会显示另一个图像。虽然我的ajax/jQuery知识不是最好的，但还是不成功

将图像路径作为自定义属性存储在选项中，如rel=imagepath。然后在更改时，您可以检索图像路径，如：$option:selected，this.attrrel；谢谢@sandeppal。如果你举个例子，我会很高兴，因为我在jQuery方面不是很好。请检查这个提琴：。您将在rel中拥有实际图像路径，而不是在span标记中存储图像，您将在image tagu@SandeepPal中替换src。是否可以使默认值输出稳定。比如，如果我的默认选择值是路线图，那么它会显示输出。因为现在当我改变时，它会显示一个值的输出@桑德帕尔