亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

保持按鈕禁用,直到當前頁面重新加載(使用 Jquery)

保持按鈕禁用,直到當前頁面重新加載(使用 Jquery)

PHP
子衿沉夜 2023-08-06 10:32:26
我有一個搜索欄index.php,當我輸入 ID 時,會從 中獲取 SQL 數據fetch.php。fetch.php 包含每行 SQL 數據的“AddToZip”按鈕。當我單擊選定的按鈕時,選定的按鈕將被禁用(直到這里為止都正常)。但是,當我清除搜索欄以寫入不同的 ID 或相同的 ID 時,“AddToZip”的所有禁用按鈕都會重新激活/啟用。當用戶多次使用搜索欄時,如何保持它們禁用,并且無論如何,它們僅在用戶刷新頁面時才啟用。<php code><?phpsession_start();.........?><html> <head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>LiveData</title>  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> </head> <body>  <div class="container">   <br />   <h2 align="center">Live Data Search</h2><br />   <div class="form-group">    <div class="input-group">     <span class="input-group-addon">Search</span>     <input type="text" name="search_text" id="search_text" placeholder="Search by ID" class="form-control" />    </div>       </div>   <p>        <a href="logout.php" class="btn btn-danger">Sign Out of Your Account</a>            </p>       <br />   <div id="result"></div>  </div></html><script>$(document).ready(function(){    $('#search_text').keyup(function(){        var txt = $(this).val();        if(txt != '')        {            $.ajax({                url:"fetch.php",                method: "post",                data: {search:txt},                dataType: "text",                success: function(data)                {                    $('#result').html(data);                }            });        }        else            if(txt == '')        {            $.ajax({                url:"null.php",                method: "post",                data: {search:txt},                dataType: "text",                success: function(data)                {                    $('#result').html(data);                }            });        }                        });});
查看完整描述

2 回答

?
藍山帝景

TA貢獻1843條經驗 獲得超7個贊

您可以添加AddToZip.php的代碼嗎?


您可以將所有id存儲到會話值中,并檢查fetch.php上的此數組中是否包含該 id 。


AddToZip.php:


session_start();

if (!isset($_SESSION['added_to_zip_ids']))

    $_SESSION['added_to_zip_ids'] = [];

if (array_search($_GET['id'], $_SESSION['added_to_zip_ids']) === false)

    $_SESSION['added_to_zip_ids'][] = $_GET['id'];

獲取.php:


<?php

...


session_start();

if (!isset($_SESSION['added_to_zip_ids']))

    $_SESSION['added_to_zip_ids'] = [];


if(mysqli_num_rows($result) > 0)

{

 $output .= '<h4 align = "center">Search Result</h4>';

 $output .= '<div class="table-responsive">

                <table class = "table table bordered">

                   <tr>

                        <th>ID</th>                                 

                    </tr>';

                    

    while($row = mysqli_fetch_array($result))

    {

                

        $output .= '

                <tr>

                    <td>'.$row["ID"].'</td>

                    <td><button '.(array_search($row["ID"], $_SESSION['added_to_zip_ids']) === false ? '' : 'disabled').' type="button" class="btn btn-primary" onclick="addToZip(\''.$row["ID"].'\', this)"><i class="fa fa-pdf" aria-hidden="true"> </i>Add to Zip</button></td>

                </tr>

            ';

    }

    echo $output;

    

}

...


?>

要清除存儲的值,您有兩種解決方案:

  1. 保留其他會話數據

    會話開始();
    if (isset($_SESSION['added_to_zip_ids']))
    unset($_SESSION['added_to_zip_ids']);

  2. 清除一切

    會話開始();
    session_unset();

這些行可以位于服務器上的任何位置。


查看完整回答
反對 回復 2023-08-06
?
元芳怎么了

TA貢獻1798條經驗 獲得超7個贊

我建議使用事件處理程序“keyup”(就像您已經做的那樣)和/或“更改”處理程序來激活功能(例如 check_disable_status)

$('#search_text').keyup(check_disable_status)
$('#search_text').change(check_disable_status)

并且您還應該在 DOM 的“就緒”狀態下啟動此函數。

在此函數中,您只需檢查字段的當前“狀態”,或者可能是業務邏輯的其他依賴項,并將字段始終設置為“啟用”或“禁用”狀態。


查看完整回答
反對 回復 2023-08-06
  • 2 回答
  • 0 關注
  • 125 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號