下拉菜单和文本框结合

思想： input在最上层 select在最下层 select超出input一个箭头的长度  在改变select时 通过js将值赋给input

细节： 可以将select的字体颜色换成透明 option换成正常颜色 这样可以避免bug  fa2这个js 是为了修改文本框后 无法选择当前select的bug（因为最底层的select的val并没改变）

代码：

<td width='20%' id="engine"><span class="tt">发动机号:</span> <input
id="engineval" style="width: 100px;position:relative;z-index:998;" maxlength="9" type="text"
class="u-ipt" placeholder="发动机号" value="$!{engineno}" onchange="fa2();"/>
<select class="u-select"
style="width: 112px;position:absolute;left:314px;top:33px;z-index:99;color: rgba(0,0,0,0);
" id="engine2" onChange="showinput2(this.options[this.options.selectedIndex].value);">
<option value="1" style="color: #999999">1</option>
<option value="2" style="color: #999999">2</option>
<option value="3" style="color: #999999">3</option>
</select>
</td>

<script>
	function showinput2(s){
			$("#engineval").val(s);
		}
		
		function fa2(s){
			$("#engine2").val("");
		}
</script>