弹出窗口里的输入框焦点都聚焦到第一个需要输入的输入框

下面写的为何就聚焦不到CompanyName输入框呢？
<div id="search-window" title="搜索" style="width: 600px; height: 300px; padding: 10px 20px;"  onload="document.getElementById('CompanyName').focus()">
    <div style="padding: 20px 20px 40px 40px;display:inline">
        <form id="frmSearch" name="form">
            <table class="tableForm datagrid-toolbar" style="width: 100%; height: 180px;">
                <tr>
                    <th>公司名称：
                    </th>
                    <td>
                        <input name="CompanyName" id="CompanyName" style="width: 150px;" />
                    </td>
                </tr>
                <tr>
                    <th>部门名称：
                    </th>
                    <td>
                        <input name="DepartmentName" id="DepartmentName" style="width: 150px;" />
                    </td>
                </tr>
                <tr>
                    <th>存放位置：
                    </th>
                    <td>
                        <input name="Location" style="width: 150px;" />
                    </td>
                </tr>                
            </table>
        </form>
    </div>
    <div style="text-align: right; padding: 5px">
        <a href="javascript:void(0)" onclick="SearchRecord()" class="easyui-linkbutton">查询</a>
        <a href="javascript:void(0)" onclick="javascript:$('#search-window').window('close')" class="easyui-linkbutton">取消</a>
    </div>
</div>JavaScript

解决方案 »

  1.   

      $(function(){
      $(function(){
      var $firstTxt=$("#CompanyName");
    setTimeout(function() {
               $firstTxt.focus();
            }, 0);
            return false;
      });
      });
      

  2.   

    你的写法有问题，没执行呀，而且onload不可以写在input里，建议在head里定义一个function，然后添加onload=这个function到body标签。
      

  3.   

            window.onload = function () {
                //DOM方法
                document.getElementById("CompanyName").focus();           //jquery方法
                $("#CompanyName").focus();
            }
      

  4.   

    这个写法应该不行，弹出window不是加载的时候就用window的，要改成在弹出事件那里执行
      

  5.   

    直接在div后加js<div id="search-window" title="搜索" style="width: 600px; height: 300px; padding: 10px 20px;"  >
    ...
    </div>
    <script type="text/javascript">
       document.getElementById('CompanyName').focus()
    </script>
      

  6.   

    不太明白楼主的意思,window弹出之后也要加载呀,所以在弹出窗体的加载事件那里写应该可以,你试一下就知道了    <script type="text/javascript">
            window.onload = function () {
                //DOM方法
                document.getElementById("CompanyName").focus();
                //jquery方法
                $("#CompanyName").focus();
            }
        </script>
      

  7.   

    这个写法应该不行，弹出window不是加载的时候就用window的，要改成在弹出事件那里执行恩恩，我觉得3楼的方法是可以的，如果不加载，那那些公司名称啊，输入框啊之类怎么显示呢？你自己试试嘛,你自己的问题你自己要多想多试，或者你在公司名称后的输入框里加onload事件test()
    function test(){
        //dom方法（建议不用）
        document.getElementById("CompanyName").focus();
        //jquery方法
        $("#CompanyName").focus();
    }
      

  8.   

    <body>里就可以
    <body onload="document.getElementById('CompanyName').focus()">