您的位置:首页 > Web前端 > HTML

创建最简单的可编辑的HTML选择控件

2011-10-28 18:47 351 查看
通过叠加SELECT和INPUT控件,使用nextSibling.value将选择的结果赋值到INPUT控件,同时INPUT也可进行编辑。

<div style="position:relative;">

<span>

<select name="select" style="width:80px;left:0px" onchange="this.parentNode.nextSibling.value=this.value">

<option value=""></option>

<option value="1">aaa</option>

<option value="2">bbb</option>

<option value="3">ccc</option>

<option value="4">ddd</option>

<option value="5">eee</option>

</select>

</span>

<input type="text" name="editbox" value="" style="top:1px;width:61px;position:absolute;left:0px;" size="30" maxlength="32"/>

</div>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐