<h1>科室备用药申请表</h1>是一个HTML标题标签,怎样使标签内容获取<option>中的内容,例如<option value="911">产二2备用药</option>,如何使<h1></h1>获取产二2备用药,得到结果为<h1>产二2备用药</h1>
时间: 2024-09-06 20:06:14 浏览: 41
要实现HTML标题标签<h1>获取<option>中的内容,你可以使用JavaScript来动态地修改<h1>标签的文本。以下是一个简单的示例:
首先,你需要一个HTML文档,其中包含一个<h1>元素和一个<select>元素,<select>元素中包含若干<option>选项:
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>科室备用药申请表</title>
<script>
// 当文档加载完毕后执行
document.addEventListener('DOMContentLoaded', function() {
// 为<select>元素添加一个事件监听器
var selectElement = document.getElementById('medicineSelect');
selectElement.addEventListener('change', function() {
// 获取选中的<option>元素的文本内容
var selectedText = selectElement.options[selectElement.selectedIndex].text;
// 将获取到的文本内容设置为<h1>标签的内容
document.getElementById('medicineTitle').textContent = selectedText;
});
});
</script>
</head>
<body>
<h1 id="medicineTitle">科室备用药申请表</h1>
<select id="medicineSelect">
<option value="911">产二2备用药</option>
<option value="912">儿科备用药</option>
<!-- 其他选项 -->
</select>
</body>
</html>
```
在这个示例中,当用户更改<select>元素中的选项时,<h1>元素的文本将更新为选中的<option>元素的文本内容。
阅读全文