时间戳

首页 > 解决方案 > 检测没有javascript的选择选项更改

html - 检测没有javascript的选择选项更改

问题描述

假设我有这个下拉列表：

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

和一些像这样的文字：

<h2>xxx</h2>

我想用下拉列表中所选选项的值替换“xxx”。我知道如何在 javascript 中执行此操作，查询...

如果有一些技巧可以使其仅在 html/css中工作，我的问题更多。

标签： htmlcss

解决方案

您可以检测选项是否使用 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>

但除了文字之外，不可能放其他东西

推荐阅读