实现可编辑下拉框

<div class="form-group mar_r10">
	<label for="user_name">部门名称：label>
	<input  name="deptName" id="dept_name" type="text" style="position:absolute;width:120px;height:26px; margin:6px; border:none"/>
	<select type="text" class="form-control w150" style="height: 34px;" name="deptName" id="dept_name" onchange="this.previousElementSibling.value=this.value">>
		<option value="" selected="selected">佛山信息中心option>
		<option value="http测试">http测试option>
		<option value="OA重点用户组">OA重点用户组option>
		<option value="OA普通用户组">OA普通用户组option>
		<option value="OA一般用户组">OA一般用户组option>
		<option value="重点业务系统组">重点业务系统组option>
		<option value="普通业务系统组">普通业务系统组option>
		<option value="一般业务系统组">一般业务系统组option>
		<option value="验证信息组">验证信息组option>
		<option value="平台管理员">平台管理员option>
		<option value="临时">临时option>
	select>
div>