Question

假设我有此下拉列表：

<select>
    <option value="1">Audi</option>
    <option value="2">BMW</option>
</select>

和一些类似这样的文字：

<h2>xxx</h2>

我想用下拉菜单中所选选项的值替换“ xxx”。我知道如何使用javascript，查询...

我的问题是，是否存在一些破解方法只能在 html / css 中使用。

Answer 1

您可以使用CSS属性:checked来检测是否选中了该选项（执行此操作：option:checked），但是不能仅使用HTML或CSS来更改文本。
我尝试用h2和类似的兄弟属性显示:checked元素：

<select>
    <option value="1">
        <p>Audi</p>
        <h2>Audi</h2>
    </option>
    <option value="2">
        <p>BMW</p>
        <h2>BMW</h2>
    </option>
</select>

但是，除了文本之外，不能放其他任何东西

在没有JavaScript的情况下检测选择选项的更改

1 个答案: