在input标签中含下拉菜单和提交按钮, 根据下拉菜单选项查询输入内容Input失去焦点自动点击提交按钮 HTML的代码
时间: 2024-02-12 07:09:03 浏览: 33
可以使用JavaScript来实现这个功能。可以使用下面的代码:
```html
<input type="text" id="input" />
<select id="select">
<option value="option1">选项1</option>
<option value="option2">选项2</option>
<option value="option3">选项3</option>
</select>
<button id="submit">提交</button>
<script>
const input = document.getElementById("input");
const select = document.getElementById("select");
const submit = document.getElementById("submit");
input.addEventListener("blur", () => {
submit.click();
});
submit.addEventListener("click", () => {
const inputValue = input.value;
const selectValue = select.value;
// 在这里执行查询操作
console.log(`输入: ${inputValue},选项: ${selectValue}`);
});
</script>
```
当输入框失去焦点时,会自动点击提交按钮。点击提交按钮时,会获取输入框和下拉菜单的值,并执行查询操作。