0

我想使用一个选择框来选择一个模板，我需要它来提供没有文件扩展名（.png）的选择/值，但我需要将扩展​​名添加到末尾，以便可以预览选择。所以这是我拥有的代码，我只是不太了解javascript。任何帮助表示赞赏。

<select onchange="document.getElementById('preview').src = this.value">
        <option value="" selected="selected"></option>
        <option value="bottom.png">Flower 2</option>
        <option value="logo.png">Flower 3</option>
        <option value="top.png">Flower 4</option>
    </select>
<img alt="" width="155" height="138" id="preview" />

我需要它将 .png 添加到预览中，而 .png 不在选项值中。

4

3 回答 3

0

为什么需要 .png 的值？它不会在其他地方显示给用户，是吗？

无论如何，要做到这一点，请从每个值中取出 '.png'，然后将 onchange 更改为

    document.getElementById('preview').src = this.value + '.png'
于 2013-11-07T18:59:14.603 回答
0

改变：

这个.value

至：

this.value + '.png'

于 2013-11-07T19:04:57.267 回答
0

如果你正在寻找这样的东西：

<select onchange="document.getElementById('preview').src = this.value">
        <option value="" selected="selected"></option>
        <option value="bottom">Flower 2</option>
        <option value="logo">Flower 3</option>
        <option value="top">Flower 4</option>
    </select>
<img alt="" width="155" height="138" id="preview" />

其中.png不在option标签的每个值中，那么您应该更改此行：

<select onchange="document.getElementById('preview').src = this.value">

改为：

<select onchange="document.getElementById('preview').src = this.value + '.png'">

本质上，您正在根据option所选值创建一个字符串，并在其末尾添加“.png”。我想这就是你要找的。

但是，与您最初所做的相反，我仍然看不到这样做的好处。

于 2013-11-07T18:59:32.820 回答