创建最简单的可编辑的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>
<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>
相关文章推荐
- Qt简单编辑--编辑器控件Text Edit程序选择与修改
- 用jQuery创建一个可编辑的SELECT下拉控件(HTML/CSS)
- 可编辑的 HTML JavaScript 表格控件 DataGrid II 选择自 jordan119 的 Blog
- Winform下HTML简单编辑控件—WinHtmlControl win7下的问题记录
- 简单的应用程序创建POSTNET/PLANET 条形码控件POSTNET/PLANET Fontware
- Asp.net 2.0中使用ValidationGroup属性有选择验证某些控件(http://hi.baidu.com/tracyjay/blog/item/4e894e205fa18a4593580785.html)
- <iOS>swift简单控件的创建
- Android自定义View 简单实现多图片选择控件
- js城市选择控件,可以同一页面同时存在多个控件!~~完全不冲突。。。调用超简单
- 使用CMFCOutlookBarPane创建分组控件,禁用双击编辑的功能
- JS创建HTML控件并动态生成页面的写法
- 简单的Windows应用程序创建QRCode条形码控件QRCode Fontware
- 创建一个如下的窗体,并在窗体上放置colorDialog控件。实现功能:1)程序运行时,单击打开颜色对话框按钮,可选择颜色,并以所选颜色作为窗体背景色
- Flex中如何利用树形控件(Tree Control)和SWFLoader控件创建简单图片相册的例子
- 教你如何创建标准简单的html
- 改变 propertygrid 控件的编辑风格(4)——加入选择列表
- Openerp 移除下拉选择列表中的“创建并编辑”链接
- 使用Flash地图控件AnyMap创建简单地图并嵌入到Web页面中
- 利用css对shiny页面优化及利用htmlwidgets包创建HTML控件
- 设置TinyMCE在线HTML编辑控件只读