1

我的应用程序中有一个自动完成输入字段。当带有此自动完成输入字段的 jsp 打开时，我'names' is undefined在行中出现错误<body onload="getNames(names)">。这仅在 IE8、7、9 中发生。在 Chrome 和 Firefox 中，一切都很好。在控制器中，我获取用户的姓名和姓氏并将它们写在一个分隔的字符串中$，然后将该字符串发送allUsersRoleUserAC到 jsp。方法 getNames(names) 拆分该字符串并将它们放入 var tags。

这是jsp代码：

<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Admin page</title>

<link rel="stylesheet" type="text/css" href="<%=response.encodeURL(request.getContextPath() + "/css/jquery-ui.css") %>" />
<link rel="Stylesheet" type="text/css" href="<%=response.encodeURL(request.getContextPath() + "/css/DOMAlert.css") %>" media="screen" />
<script type="text/javascript" src="<%=response.encodeURL(request.getContextPath() + "/JavaScript/DOMAlert.js") %>"></script>
<script type="text/javascript" src="<%=response.encodeURL(request.getContextPath() + "/JavaScript/jquery-1.8.2.js") %>"></script>
<script type="text/javascript" src="<%=response.encodeURL(request.getContextPath() + "/JavaScript/jquery-ui.js") %>"></script>
<script type="text/javascript">

var tags = new Array();
function getNames(names){
    tags = names.value.split('$');
}

</script>

</head>
<body onload="getNames(names)" >

    <form action="<%=response.encodeURL(request.getContextPath() + "/admin/deleteUser.html") %>" method="post">
        <input id="names" type="hidden" value="${ requestScope['allUsersRoleUserAC'] }" />
        <input name="korisnik" class="userSelectDeleteUser" value="ime prezime" onclick="this.value=''" id="autocomplete" />
        <input class="izbrisiKorisnikaButtonPosition" id="buttonRightPart" type="button" value="Izbriši" />
    </form>

    <script type="text/javascript">
        $( "#autocomplete" ).autocomplete({
            source: function( request, response ) {
                var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" );
                response( $.grep( tags, function( item ){
                    return matcher.test( item );
                }) );
            }
        });
    </script>

</body>
</html>
4

3 回答 3

4 
onload="getNames(names)"

世界是names什么？您需要使用 getElementById 来引用元素。您不应该直接通过 id 引用元素。

onload="getNames(document.getElementById('names'));"
于 2013-06-10T13:55:36.800 回答
1

names实际上是未定义的。其他浏览器只会传递未定义的值，而 IE 不会让你这样做。

如果你想获得names元素，那么你可以使用

document.getElementById('names')

我建议将其放在 onLoad 函数中，而不是将其作为参数传递，以将逻辑与标记分开。

于 2013-06-10T13:57:11.440 回答
1

onload="getNames($("#names").val())"

或非 jQuery

onload="getNames(document.getElementById('names').value)"

于 2013-06-10T13:58:29.560 回答