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

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

問題:當其中的任務完成時,當前的 div 消失

問題:當其中的任務完成時,當前的 div 消失

烙印99 2023-06-15 17:36:04
這是我的 HTML:<form action="index.php" method='post'><div class="task-btn">    <button class="task-info" name="update-animal" onclick="show('update')">Update</button>    <button class="task-info" name="add-animal" onclick="show('add')">Add</button>    <button class="task-info" name="dlt-animal" onclick="show('delete')">delete</button></div><?php if($template == 1): ?>    <div id="update">    </div><?php endif; ?><?php if($template == 2): ?>    <div id="add">    </div><?php endif; ?><?php if($template == 3): ?>    <div id="delete">    </div><?php endif; ?>這是我的PHP:$template = 0;if (isset($_POST['update-animal'])) {$template = 1;}if (isset($_POST['add-animal'])) {$template = 2;}if (isset($_POST['dlt-animal'])) {$template = 3;}這是我的 Javascript: var update = document.getElementById('update');var add = document.getElementById('add');var dlt = document.getElementById('delete');function show(element) {    if(element == 'update'){        update.style.display = 'block';        add.style.display = 'none';        dlt.style.display = 'none';    }    else if(element == 'add'){        add.style.display = 'block';        update.style.display = 'none';        dlt.style.display = 'none';    }    else if(element == 'delete'){        dlt.style.display = 'block';        update.style.display = 'none';        add.style.display = 'none';    }}我想要的是單擊任務按鈕并顯示相應的模板。問題是當我更新/添加/刪除我的數據庫中的一些數據時,它會刷新頁面,因此它只會顯示三個按鈕而不是你所在的 div 的內容。如果您需要 add div 的 php 來查看發生了什么,請告訴我我會發送它。
查看完整描述

1 回答

?
萬千封印

TA貢獻1891條經驗 獲得超3個贊

好的,明白你的問題了。您不想在任務完成后刷新頁面。所以在onclick函數名前添加return。該函數應該向 onclick 返回 false。這意味著在 HTML 部分用這個改變你的按鈕部分代碼:


<button class="task-info" name="update-animal" onclick="return show('update')">Update</button>

<button class="task-info" name="add-animal" onclick="return show('add')">Add</button>

<button class="task-info" name="dlt-animal" onclick="return show('delete')">delete</button>

然后在 javascript 函數中添加return false;這樣的函數結尾:


function show(element) {

 if(element == 'update'){

        update.style.display = 'block';

        add.style.display = 'none';

        dlt.style.display = 'none';

    }

    else if(element == 'add'){

        add.style.display = 'block';

        update.style.display = 'none';

        dlt.style.display = 'none';

    }

    else if(element == 'delete'){

        dlt.style.display = 'block';

        update.style.display = 'none';

        add.style.display = 'none';

    }

return false;

}


查看完整回答
反對 回復 2023-06-15
  • 1 回答
  • 0 關注
  • 158 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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