Javascript 选择下拉菜单中的选项时，无法获取图像以显示图像？

我的网站上有一个下拉列表，用户可以在其中选择付款方式。我希望图像显示在用户选择的选项右侧

我试过使用下面的代码。此代码取自此线程：

JS fiddle链接：

HTML代码

  <select name="form_fields[field_5]" id="form-field-field_5" class="elementor-field-textual elementor-size-sm" required="required" aria-required="true">
    <option value=""></option>
    <option value="https://i.imgur.com/4vRsaJa.png">Paypal</option>
    <option value="https://i.imgur.com/ZPC09qT.png">Credit Card</option>
  </select>
</div>

Jquery代码

    $("form-field-field_5").change(function() {
        var src = $(this).val();

        $("#form-field-field_5").html(src ? "<img src='" + src + "'>" : "");
    });
});

这是预期的结果：

---

但是，目前，我没有看到文本右侧出现的图片。不幸的是，我无法更改所使用的HTML代码。谢谢。

像这样吗？如果没有图像，则无法将图像添加到下拉列表中

$form-field-field_5 之后 .changefunction{ var src=$this.val； $this.next.htmlsrc？``:； }; 贝宝 信用卡

---

虽然它不能立即解决问题，但jQuery代码开头的选择器是错误的。由于您是通过ID引用的，请记住选择器开头的。