input预提示数据库数据

 

JS方法
//下拉预显列表方法
 /*
  * auto  下拉显示ID
  * search 输入框ID
  * map   传入OBJ对象
  * url   传入接口地址
  * */
var highlightindex2 =-1;   //高亮
var keyNum=null;
var map2=null;
var MapUrl=null;
var MapautDiv = null;
var MapsearchInput = null;

function AutoCompleteMapAll(auto,search,map,url) {
    MapautDiv = auto;
    MapsearchInput = search;
    map2=map;
    MapUrl=url;
    if ($("#" + search).val() != "") {
        var autoNode = $("#" + auto); //缓存对象(弹出框)
        var carlist = new Array();
        var n = 0;
        var mylist = [];
        var maxTipsCounts = 8 // 最大显示条数
        var highlightindex = -1;   //高亮
        var aj = $.ajax({
            url: url , // 跳转到后台
            contentType: 'application/json',
            data: JSON.stringify(map),
            type: 'post',
            cache: false,
            dataType: 'json',
            success: function(data) {

                mylist = data;
                if (mylist == null) {
                    autoNode.hide();
                    return;
                }
                autoNode.empty(); //清空上次的记录

                var keyName=null;
                for(key in mylist[0])
                {
                    keyName=key;
                }
                for (i in mylist) {
                    if (i < maxTipsCounts) {
                        var wordNode = mylist[i][keyName]; //弹出框里的每一条内容

                        var newDivNode = $("<div>").attr("id", i); //设置每个节点的id值

                        // document.querySelector("#auto_div").style.width = $("#search_text").outerWidth(true)+10&#
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果要实现数据库传入数据,可以使用Ajax来发送请求,将删除数据的ID传递到后端进行删除。以下是一个简单的示例: HTML代码: ``` <table> <thead> <tr> <th><input type="checkbox" id="checkAll"></th> <th>Name</th> <th>Email</th> <th>Action</th> </tr> </thead> <tbody> <tr data-id="1"> <td><input type="checkbox" class="checkItem"></td> <td>John Doe</td> <td>john@example.com</td> <td><button class="btnDelete">Delete</button></td> </tr> <tr data-id="2"> <td><input type="checkbox" class="checkItem"></td> <td>Jane Doe</td> <td>jane@example.com</td> <td><button class="btnDelete">Delete</button></td> </tr> <tr data-id="3"> <td><input type="checkbox" class="checkItem"></td> <td>Bob Smith</td> <td>bob@example.com</td> <td><button class="btnDelete">Delete</button></td> </tr> </tbody> </table> ``` jQuery代码: ``` $(document).ready(function() { // Check all checkboxes when checkAll checkbox is clicked $('#checkAll').click(function() { $('.checkItem').prop('checked', $(this).prop('checked')); }); // Delete selected rows when btnDelete button is clicked $('.btnDelete').click(function() { if (confirm('Are you sure you want to delete selected rows?')) { var ids = []; $('.checkItem:checked').each(function() { ids.push($(this).closest('tr').data('id')); $(this).closest('tr').remove(); }); // Send a request to delete the rows $.ajax({ url: 'delete.php', type: 'POST', data: {ids: ids}, success: function(response) { console.log(response); }, error: function(xhr, status, error) { console.log(error); } }); } }); }); ``` 这段代码会为表格中每个删除按钮添加点击事件,并提示用户是否确定删除选定的行。如果用户点击“确定”,则会遍历选中的复选框,将相应的行从表格中删除,并将ID添加到一个数组中。最后,通过Ajax发送一个POST请求到后端的`delete.php`文件,将ID数组发送到后端进行删除操作。在后端,可以通过$_POST['ids']获取ID数组,然后进行相应的删除操作。注意,这里的示例代码仅供参考,需要根据实际情况进行适当修改。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值