Html 不使用javascript检测选择选项更改

Html 不使用javascript检测选择选项更改,html,css,Html,Css,假设我有一个下拉列表: <select> <option value="1">Audi</option> <option value="2">BMW</option> </select> 奥迪 宝马 还有一些文字是这样的: <h2>xxx</h2> xxx 我想用下拉列表中所选选项的值替换“xxx”。我知道如何在javascript中实

假设我有一个下拉列表:

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

奥迪
宝马
还有一些文字是这样的:

<h2>xxx</h2>
xxx
我想用下拉列表中所选选项的值替换“xxx”。我知道如何在javascript中实现这一点,查询


我的问题更多的是,如果有一些黑客只在html/css中工作

您可以检测选项是否为check with css属性
:checked
(这样做:
选项:checked
),但您不能仅使用html或css更改文本。
我尝试显示
h2
元素,并选中
:和兄弟属性,如下所示:

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

奥迪

奥迪 宝马

宝马

但除了文本之外,不可能放置其他内容,您可以检测选项是否为“使用CSS属性检查”
:checked
(执行该操作:
选项:checked
),但您不能仅使用HTML或CSS更改文本。
我尝试显示
h2
元素,并选中
:和兄弟属性,如下所示:

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

奥迪

奥迪 宝马

宝马

但是除了文本之外,不可能放置其他内容

我不认为你为什么不想使用Javascript呢?@标记html是通过电子邮件(html电子邮件)发送的。它将被电子邮件阻止clients@Monta尽管如此,并不是所有的电子邮件客户端都遵循这个标准。很难对它们执行高级效果。@MarkBaijens我同意我不认为你为什么不使用Javascript来实现这一点?@标记html是通过电子邮件(html电子邮件)发送的。它将被电子邮件阻止clients@Monta尽管如此,并不是所有的电子邮件客户端都遵循这个标准。很难对它们执行高级效果。@MarkBaijens我同意,谢谢,但我想更改的文本在DOM中selectThank之外的其他地方。谢谢,但我想更改的文本在DOM中selectThank之外的其他地方