input 做可编辑的下拉框

w0w123

已于 2022-11-28 09:22:04 修改

阅读量843

点赞数

分类专栏： css 文章标签： javascript 前端开发语言

于 2022-11-28 09:21:38 首次发布

本文链接：https://blog.youkuaiyun.com/w0w123/article/details/128073704

版权

css 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何利用JavaScript创建一个可编辑的下拉框，允许用户在下拉选项中进行选择或直接输入新的值，提升前端交互体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下面展示一些 内联代码片。

// 可编辑输入框
<div class="changeDiv">
	<a>性别:</a>
	<input id="sex" type="text" list="qudao" onchange="change()">
	<datalist id="qudao">
		<option>张三</option>
		<option>李四</option>

	</datalist>
</div>
<script>
	function change() {

		alert(document.getElementById("sex").value)
	}
</script>