提问者:小点点

在没有javascript的情况下检测select选项更改


假设我有以下下拉列表:

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

还有这样的文字:

<h2>xxx</h2>

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

我的问题更多的是,如果有一些黑客使这只在HTML/CSS中工作。


共1个答案

匿名用户

您可以用CSS属性:checked检测选项是否为check(执行此操作:option:checked),但不能仅用HTML或CSS更改文本。
我尝试用:checked和兄弟属性显示h2元素,如下所示:

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

但不可能把文字以外的东西