Question

我想使用选择框来选择模板，我需要它来给出没有文件扩展名（.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不在选项值中。

Answer 1

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

无论如何，为此，请从每个值中取出“.png”，然后将您的更改更改为

    document.getElementById('preview').src = this.value + '.png'

Answer 2

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

<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”。我认为这就是你要找的东西。

然而，我仍然没有看到这样做的好处，而不是你原来做的事情。

Answer 3

变化：

THIS.VALUE

为：

this.value +'。png'

将文本与选择相结合（javascript）

3 个答案: