支持输入的Select下拉框

 

<form name="form1" method="post">

<input name="position_i" style="z-index:10;width:80px; position:absolute;margin-left:-1px;color:#2B5681;" value="请输入职位" maxlength="16" onfocus="this.select()" onmouseover="this.focus()">

<span style="margin-left:80px;width:18px;overflow:hidden;z-index:1;">

<select size="1" name="position_s" style="width:98px;margin-left:-80px;" 

onchange="document.form1.position_i.value=this.options[selectedIndex].text">

  <option value=0>请选择 </option>

  <option value=1>CEO </option>

  <option value=2>董事长 </option>

  <option value=3>总裁 </option>

  <option value=4>总监 </option>

  <option value=5>经理 </option>

  <option value=6>助理 </option>

  <option value=7>主管 </option>

  <option value=8>文员 </option>

  <option value=9>秘书 </option>

  <option value=10>顾问 </option>

</select>

</span>

<input name="position" type="hidden" value="" />

</form>

<script language="JavaScript">

function sub()

{

    if ( document.form1.position_i.value == "请输入职位" )

        document.form1.position.value = "";

    else

        document.form1.position.value = document.form1.position_i.value;

    document.form1.submit();

}

</script>