ip地址自动填充功能

来源：互联网发布：网络教育统考平台编辑：程序博客网时间：2024/05/21 22:35
<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>
阅读全文
0 0