可输入的下拉框

最新推荐文章于 2025-07-27 12:04:44 发布

原创最新推荐文章于 2025-07-27 12:04:44 发布 · 120 阅读

0 ·

CC 4.0 BY-SA版权

Javascript 专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript实现的可输入下拉框的功能，包括样式设置和交互逻辑。


<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="AAA"> AAA </option>
<option value="BBB"> BBB </option>
<option value="CCC"> CCC </option>
</select>
</span>
<input name="box" style="width:100px;position:absolute;left:0px;">
</div>
</BODY>
</HTML>