假设我有以下下拉列表:
<select>
<option value="1">Audi</option>
<option value="2">BMW</option>
</select>
还有这样的文字:
<h2>xxx</h2>
我想用下拉菜单中所选选项的值替换“xxx”。 我知道如何用javascript,查询。。。
我的问题更多的是,如果有一些黑客使这只在HTML/CSS中工作。
您可以用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>
但不可能把文字以外的东西