html中,下拉框有正确和错误两个选项,选正确是显示input控件,选择错误隐藏掉input控件,显示填写内容控件。
时间: 2024-02-24 18:54:42 浏览: 53
html里input下拉框加载最近输入内容
5星 · 资源好评率100%
您可以使用JavaScript来实现这个功能。具体步骤如下:
1. 在HTML中创建下拉框和输入框:
```html
<label>选择:</label>
<select id="selectBox" onchange="showInput()">
<option value="correct">正确</option>
<option value="wrong">错误</option>
</select>
<div id="inputBox" style="display: none;">
<label>填写内容:</label>
<input type="text" name="input" id="input">
</div>
```
2. 在JavaScript中编写处理函数:
```javascript
function showInput() {
var selectBox = document.getElementById("selectBox");
var inputBox = document.getElementById("inputBox");
if (selectBox.value == "correct") {
inputBox.style.display = "block";
} else {
inputBox.style.display = "none";
// 显示填写内容的控件
}
}
```
3. 当下拉框选项改变时,调用showInput()函数即可:
```html
<select id="selectBox" onchange="showInput()">
<option value="correct">正确</option>
<option value="wrong">错误</option>
</select>
```
这样就可以根据下拉框的选项来显示或隐藏输入框了。
阅读全文