前台页面:
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<%-- <link type="text/css" rel="stylesheet" href="/css/jquery.autocomplete.css" />
<script src="/css/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="/css/jquery.autocomplete.js"></script>--%>
<link href="/css/jquery-ui-1.10.4.custom.css" rel="stylesheet"
type="text/css" />
<script src="/css/jquery-1.10.2.js" type="text/javascript"></script>
<script src="/css/jquery-ui-1.10.4.custom.js" type="text/javascript"></script>
<title></title>
<script language="javascript" type="text/javascript">
$(function () {
$("#Button1").hide();
$('#name').autocomplete({
source: strArr,
change: function (event, ui) {
// ui.item is undefined :( where is the problem?
document.getElementById("Button1").click();
}
});
});
</script>
<style type="text/css">
#table
{
margin-left:365px;
margin-top:0px;
width:470px;
}
</style>
</head>
<body style="height: 438px">
<form id="form1" runat="server">
<div>
省份:
<input type="text" runat="server" id="name" /> 城市:
<asp:DropDownList ID="DropDownList2" runat="server" Height="22px" Width="118px"
AutoPostBack&