可输入下拉框问题！砸锅卖铁了80分

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><META http-equiv='Content-Type' content='text/html; charset=gb2312'><TITLE>可?入的下拉框</TITLE></HEAD><BODY ><div style="position:relative;"><span style="margin-left:100px;width:818px;overflow:hidden;"><select style="width:818px;margin-left:-100px" onchange="this.parentNode.nextSibling.value=this.value"><option value="www.bbsou.com"> WebASP </option><option value="www.eWebSoft.com"> eWebSoft </option><option value="WEB??者"> WEB??者 </option></select></span><input name="box" style="width:800px;position:absolute;left:0px;"></div></BODY></HTML>

解决方案 »

  1.   

    <HTML><HEAD><META http-equiv='Content-Type' content='text/html; charset=gb2312'><TITLE>可输入的下拉框</TITLE></HEAD><BODY >
    <div style="position:relative;">
    <span style="width:18px;float:right">
    <select onchange="this.parentNode.nextSibling.value=this.value" id="sel">
    <option value="www.bbsou.com"> WebASP </option>
    <option value="www.eWebSoft.com"> eWebSoft </option>
    <option value="WEB开发者"> WEB开发者 </option>
    </select>
    <script type="text/javascript">
    s = document.getElementById("sel");
    s.style.width=document.body.clientWidth-20 + "px";
    s.style.marginLeft= 18-s.offsetWidth + "px";
    </script>
    </span>
    <input name="box" style="width:100%;position:absolute;left:0px;">
    </div>
    </BODY></HTML>