js问题 急急急

<HTML>  
<HEAD>  
<META http-equiv='Content-Type' content='text ml; charset=gb2312'>  
<TITLE>可输入的下拉框</TITLE>  
</HEAD>  
<script >
function onch(val)
{ var sel= document.getElementById("typename");
 sel.parentNode.nextSibling.value=val;
 document.getElementById("type").value=val;
}</script>
<BODY >  
  
<div style="position:relative;">  
<span style="margin-left:100px;width:18px;overflow:hidden;" >  
<select id="typename" style="width:118px;margin-left:-100px" onChange="onch(this.value)">  
        <option value=" "  style="width:118px;margin-left:-100px" > --请选择-- </option>  
        
<option value="AAAAA"  AAAAA </option>  
<option value="BBBBB"> BBBBB </option>  
<option value="CCCCC"> CCCCC </option>  
< lect>
</span>
<input name="box" style="width:100px;position:absolute;left:0px;">  
</div> 
 
</BODY></HTML>  
我想实现 第一次打开窗口时第一次点击请选择 的时候 让光标锁定在下拉列表里面 
  谢谢

解决方案 »

  1.   

    先说这里 < lect>有点问题 。
      

  2.   

    <!--点击后文本框获得焦点-->
    <select id="typename" style="width:118px;margin-left:-100px" onchange="onch(this.value)" onclick="document.getElementsByName('box')[0].focus();"><script type="text/javascript">
    //页面载入后文本框获得焦点
    window.onload = function() {  document.getElementsByName('box')[0].focus(); }
    </script>
      

  3.   

    不明白你的意思, 郁闷/
    <HTML>  
    <HEAD>  
    <!-- 这里, 你写错了, -->
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><TITLE>可输入的下拉框</TITLE>  
    </HEAD>  
    <script >
    function onch(val)
    {
     document.getElementById("box").value=val;
    }
    </script>
    <BODY >  
      
    <div style="position:relative;">  
        <span style="margin-left:100px;width:18px;overflow:hidden;" >  
            <select id="typename" style="width:118px;" onChange="onch(this.value)">  
              <option value=" "  style="width:118px; margin-left:0" > --请选择-- </option>
    <!-- 这里标签没完整 -->
                <option value="AAAAA">AAAAA</option>  
                <option value="BBBBB">BBBBB</option>  
                <option value="CCCCC">CCCCC</option>  
            < lect>
        </span>
    <input id="box" name="box" style="width:100px;position:absolute;left:0px;">  
    </div> 
     
    </BODY></HTML>  我给你实现的功能是, 就是选择下拉框后, 值就传到box中,
    你那里用的margin-left:-100px, 不明白为什么要问,
      

  4.   


    <HTML>  
    <HEAD>  
    <META http-equiv='Content-Type' content='text/html; charset=gb2312'>  
    <TITLE>可输入的下拉框</TITLE>  
    </HEAD>  
    <script >
    function onch(val)
    {
     var sel= document.getElementById("typename");
     sel.parentNode.nextSibling.value=val;
     if(val == " "){
    sel.parentNode.nextSibling.focus();
     }
    }</script>
    <BODY >  
      
    <div style="position:relative;">  
        <span style="margin-left:100px;width:18px;overflow:hidden;" >  
            <select id="typename" style="width:118px;margin-left:-100px" onChange="onch(this.value)">  
            <option value=" "  style="width:118px;margin-left:-100px" > --请选择-- </option>  
            
                <option value="AAAAA">  AAAAA </option>  
                <option value="BBBBB"> BBBBB </option>  
                <option value="CCCCC"> CCCCC </option>  
            </select>
        </span>
    <input name="box" style="width:100px;position:absolute;left:0px;">  
    </div> 
     
    </BODY></HTML>
      

  5.   

    <script>
    var bFirst=true;
    function onch(o){
      var val=o.value;
      o=o.parentNode.nextSibling;
      o.value=val==''?'--请选择--':val;
      if(val==''){o.focus();}
    }
    window.onload=function(){  document.getElementById('box').focus();}
    </script>
    <BODY >  
      
    <div style="position:relative;">  
      <span style="margin-left:100px;width:18px;overflow:hidden;">  
        <select id="typename" style="width:118px;margin-left:-100px" onChange="onch(this)">  
          <option value="" style="width:118px;margin-left:-100px">--请选择--</option>  
          <option value="AAAAA">AAAAA</option>  
          <option value="BBBBB">BBBBB</option>  
          <option value="CCCCC">CCCCC</option>  
        </select>
      </span><input id="box" name="box" value='--请选择--' style="width:100px;position:absolute;left:0px;" />
    <!--
    1、你JS使用了nextSibling，那<span>和文本框之间就不能换行或有空格，不然会造成浏览器兼容问题；
    2、“第一次打开窗口时第一次点击请选择的时候 让光标锁定在下拉列表里面 ”：第一次就点击 --请选择--，是不会触发onch()函数的；所以只能在页面加载完成后，让box得到焦点
    --> 
    </div>  
    </BODY>