怎样实现，在select下拉框中，同样存在input类型输入，可以选择也可以输
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎样实现，在select下拉框中，同样存在input类型输入，可以选择也可以输相关的知识，希望对你有一定的参考价值。
怎样实现，在select下拉框中，同样存在input类型输入，可以选择也可以输入。需要能显示出来的，不是在select上覆盖个input，然后显示不出select内容
<html><HEAD>
<META http-equiv='Content-Type' content='text/html; charset=utf-8'>
<TITLE>js实现可输入的下拉框</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="德国">德国</option>
<option value="挪威">挪威</option>
<option value="瑞士"> 瑞士</option>
</select></span><input name="box" style="width:100px;position:absolute;left:0px;">
</div>
</BODY>
</HTML> 参考技术A
是想实现鼠标移动到select下拉框上，下拉框自动展开。
原先思路：使用onmouseover()鼠标事件调用一个openSelect()函数，函数中调用onclick()方法
是想实现鼠标移动到select下拉框上，下拉框自动展开。
原先思路：使用onmouseover()鼠标事件调用一个openSelect()函数，函数中调用onclick()方法
以上是关于怎样实现，在select下拉框中，同样存在input类型输入，可以选择也可以输的主要内容，如果未能解决你的问题，请参考以下文章
HTML中select控件怎样设置成默认值，并且下拉框选项中没有默认值
如何用js实现select下拉框里是树形结构，可复选，select框中传复选所有值？如下图所示。