Question

嗨，我是JSP/Jquery/Javascript的新手。我正在研究struts。在我的jsp文件中，我需要专注于我的页面的drop-down list onload /每次我的页面加载时，我都是这样做的：

<script type="text/javascript">

    $(document).ready(function(){
        $("#fault").focus();
    });
</script>

然后在我的body中使用html标记：

    <body onload="makeDisableEnable()">

    <s:form>
    <div class="list">
        <table>
            <colgroup>
                <col style="width: 120px;">
                <col style="width: 200px;">
                <col style="width: 120px;">
                <col>
                <col style="width: 120px;">
                <col>
            </colgroup>
            <tbody><tr>
            <th>DROPDOWN ONE<span class="font0">（※）</span></th>
                    <td><html:select property="failCnd" styleId="fault">
                    <html:option value=""></html:option>
                    <c:forEach var="failCnd" items="${failCndList}">
                    <html:option value="${failCnd.wideUseCd}">${f:h(failCnd.wideUseValueView)}</html:option>
                    </c:forEach>
                    </html:select>
                </td>

这是我所做的，但它不起作用。谁能告诉我我做错了什么？或者其他方式。非常感谢您的帮助。

Answer 1

我认为问题在于<body onload="...">打破了jQuery。

http://api.jquery.com/ready/

.ready（）方法通常与＆lt;身体 onload =“”＆gt;属性。如果必须使用load，请不要使用.ready（）或者使用jQuery的.load（）方法将load事件处理程序附加到窗口或更具体的项目，如图像。

您可以将makeDisableEnable()移动到jQuery“ready”块中：

<script type="text/javascript">
    $(document).ready(function(){
        $("#fault").focus();
        makeDisableEnable();
    });
</script>

我不知道makeDisableEnable()做了什么，所以如果它更有意义，请随意在$("#fault").focus();之前移动它。

Answer 2

如果您想坚持使用html5，则会有自动对焦属性。

尝试：

<html:select property="failCnd" styleId="fault" autofocus="autofocus">

HTML 5 AutoFocus

Answer 3

只需尝试下面的代码

 <script type="text/javascript">
     $(document).ready(function(){
        $("#fault").focus();
    });
 </script>

HTML CODE

 <body onload="makeDisableEnable()">

到

 <body>

检查此工作fiddle

NEW EDITED FIDDLE

JSP中的焦点下拉列表

3 个答案: