下拉列表支持手动输入

Posted 张锡斌

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了下拉列表支持手动输入相关的知识,希望对你有一定的参考价值。

 

直接上代码。如果乱码的话,看下文件的编码格式,可以改成utf-8。

 

<html>
<HEAD>
<META http-equiv=‘Content-Type‘ content=‘text/html; charset=gb2312‘>
<TITLE></TITLE>
</HEAD>
<BODY>
<div style="position:relative;">
<span style="margin-left:100px;width:18px;overflow:hidden;">
<select style="width:118px;margin-left:-100px" onchange="this.parentNode.nextSibling.value=this.value">
<option value="测试1">测试1</option>
<option value="测试2">测试2</option>
<option value="测试3">测试3</option>
</select></span><input name="box" style="width:100px;position:absolute;left:0px;">
</div>
</BODY>
</HTML>

 

以上是关于下拉列表支持手动输入的主要内容,如果未能解决你的问题,请参考以下文章

动态填充下拉菜单以过滤 Jquery Datatable

在所选下拉列表中显示阿拉伯字符

VS Code Intellisense 一开始不建议片段

允许在 Rhandsontable 列下拉列表中进行多选

下拉选择框,允许手动输入和过滤

jsp下拉列框不可编辑,<select></select> ;只能选择下拉框的值,而不能手动去输入值