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之外的其他地方