用html模版代码有123共三个选项如果是1把‘待审核’赋值给他如果是2就把‘通过’赋值给他如果是3就把‘驳回‘赋值给他当值为待审核时将他隐藏当值为通过或者驳回时将他显示
以下是一个基本的HTML模板代码,根据选项值来隐藏或显示元素:
<!DOCTYPE html>
<html>
<head>
<title>隐藏或显示元素</title>
</head>
<body>
<select id="options" onchange="showHideElement()">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<div id="status" style="display: none;"></div>
<script>
function showHideElement() {
var options = document.getElementById("options");
var status = document.getElementById("status");
var selectedValue = options.value;
if (selectedValue === "1") {
status.innerHTML = "待审核";
status.style.display = "none";
} else if (selectedValue === "2") {
status.innerHTML = "通过";
status.style.display = "block";
} else if (selectedValue === "3") {
status.innerHTML = "驳回";
status.style.display = "block";
}
}
</script>
</body>
</html>
在上述代码中,我们首先定义了一个<select>元素,其中包含三个选项(1、2、3)。当选择不同的选项时,showHideElement()函数将被调用。
在showHideElement()函数中,我们获取了选项的值,然后根据其值来设置<div>元素的内容和显示样式。如果选项值是1(待审核),则将<div>元素隐藏(display: none);如果选项值是2或3(通过或驳回),则将<div>元素显示(display: block)。
请注意,我们在代码中使用了内联样式(style="display: none;")将<div>元素初始隐藏起来,以便在页面加载时不显示。
原文地址: https://www.cveoy.top/t/topic/i90b 著作权归作者所有。请勿转载和采集!