写一段代码:用nui里的下拉框,下拉框内容是按天查询和按月查询,并且是单选
时间: 2024-03-14 10:45:03 浏览: 152
好的,假设您使用的是JavaScript,可以参考下面的代码实现:
```html
<!-- HTML代码 -->
<select id="queryType">
<option value="day">按天查询</option>
<option value="month">按月查询</option>
</select>
```
```javascript
// JavaScript代码
const selectQueryType = document.getElementById("queryType");
let selectedQueryType = selectQueryType.value; // 初始值为按天查询
// 监听下拉框选项变化事件
selectQueryType.addEventListener("change", function(event) {
selectedQueryType = event.target.value;
console.log("当前查询类型为:" + selectedQueryType);
});
```
解释一下代码:
- 首先在HTML中添加一个select标签,id为queryType,里面有两个option标签,分别表示按天查询和按月查询。
- 在JavaScript中,先获取到select标签和当前选中的查询类型。由于初始值为按天查询,所以可以先将selectedQueryType变量设为初始值。
- 然后监听下拉框的change事件,当下拉框选项变化时,将selectedQueryType变量更新为当前选中的值,同时将其输出到控制台中。
阅读全文