请教各位大侠:如何让列表框既能输入数据,又能下拉选择数据!十万火急!

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<title>可输入的下拉框</title>
</head><body onload="c_cpua.value=c_cpu.options[c_cpu.selectedIndex].value">
<div style="position:absolute;">
<select name="c_cpu" style="position:absolute;top:30px; width: 150px; height: 20px; clip: rect(0 180 110 130) " onChange='c_cpua.value=this.options[this.selectedIndex].value'>
<option value="1">1</option>
<option value="2" selected>2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<input name="c_cpua" type="text" style="position:absolute;top:30px; width: 149px; height: 20px">
</div>
<input type="button" name="Submit" value="确定提交" onClick="alert(c_cpua.value)">
</body>
</html>