主页 / 问题 / 1598375
Accepted
Siarhei789654
Asked:2024-10-31 16:16:22 +0000 UTC2024-10-31 16:16:22 +0000 UTC

在不同的html标签中输出value和data属性的多个值

  • 772

有一个字段

<select id="carsField">
<option value="HH EU2548" title="HH EU2548" data-img="6.png">Octavia</option>
</select>

该脚本显示 value 属性的值

<span id="CARNUMBER"></span>
<script>
    test.call(carsField)
    carsField.addEventListener('change', test)
    function test() {
        CARNUMBER.textContent = this.value;
    }
</script>

如何更改脚本，以便它另外替换 img 标签的 src 中“data-img”属性的值？

<img id="CARIMAGE" src="" width="100" height="100">
javascript

1 个回答

  1. Best Answer

    如何更改脚本，以便它另外替换 img 标签的 src 中“data-img”属性的值？

    例如，这可以像这样实现......

    test.call(carsField)
carsField.addEventListener('change', test)

function test() {
  CARNUMBER.textContent = this.value;
  CARIMAGE.src = 'folderimg/' + this.options[this.selectedIndex].dataset.img;
}
    <select id="carsField">
  <option value="HH EU2548" title="HH EU2548" data-img="6.png">Octavia</option>
</select>
<span id="CARNUMBER"></span>
<img id="CARIMAGE" src="" width="100" height="100">

    • 1

相关问题