首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2013-06-19 
弹出窗口里的输入框焦点都聚焦到第一个需要输入的输入框下面写的为何就聚焦不到CompanyName输入框呢?div

弹出窗口里的输入框焦点都聚焦到第一个需要输入的输入框
下面写的为何就聚焦不到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
[解决办法]

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

           //jquery方法
            $("#CompanyName").focus();
        }

[解决办法]
不太明白楼主的意思,window弹出之后也要加载呀,所以在弹出窗体的加载事件那里写应该可以,你试一下就知道了

    <script type="text/javascript">
        window.onload = function () {
            //DOM方法
            document.getElementById("CompanyName").focus();
            //jquery方法
            $("#CompanyName").focus();
        }
    </script>

[解决办法]
引用:
Quote: 引用:

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

           //jquery方法
            $("#CompanyName").focus();
        }

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


恩恩,我觉得3楼的方法是可以的,如果不加载,那那些公司名称啊,输入框啊之类怎么显示呢?你自己试试嘛,你自己的问题你自己要多想多试,或者你在公司名称后的输入框里加onload事件test()


function test(){
    //dom方法(建议不用)
    document.getElementById("CompanyName").focus();
    //jquery方法
    $("#CompanyName").focus();
}

热点排行
Bad Request.