<head>
<link href="<s:url value='/liposs/ipmgsys_gz/css/jquery.autocomplete.css'/>" rel="stylesheet" type="text/css" />
<script src="<s:url value='/liposs/ipmgsys_gz/js/jquery.autocomplete.js'/>" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#loopbackIp").keyup(function(){
var url = "<s:url value='链接地址' />";
$.post(url, //发送ajax请求的url
{
loopbackIp:$("#loopbackIp").val()
},//传递的参数,如param1:xx,param2:xx
function(data){
//回调函数
ipAutocomplete(data);
},
"json");
});
})
function ipAutocomplete(data)
{
$('#loopbackIp').autocomplete(data, {
max: 12, //列表里的条目数
minChars: 3, //自动完成激活之前填入的最小字符
width: 150, //提示的宽度,溢出隐藏
scrollHeight: 300, //提示的高度,溢出显示滚动条
matchContains: true, //包含匹配,就是data参数里的数据,是否只要包含文本框里的数据就显示
autoFill: false, //自动填充
//匹配的项所要发生的事件
formatItem: function (row, i, max) {//row表示每一行的数据对象,i表示每一行的编号,max表示总的数据行数
return row.loopbackIp;
}
}).result(function (event, row, formatted) {
var loopbackIp = row.loopbackIp;
$("#loopbackIp").val(loopbackIp);
});
}
</script>
</head>
<body>
<tr>
<td class="title_2">IP地址:</td>
<td><input type="text" name="loopbackIp" id="loopbackIp">
</tr>
</body>
ip地址自动填充功能
最新推荐文章于 2021-06-02 15:12:35 发布