onclick () не работает в таблице

Question

onclick () не работает в таблице

0

я создал таблицу встреч и добавил две ссылки, чтобы принимать и отклонять встречи. ссылки отображаются в каждой строке таблицы, но когда я нажимаю на нее, текст accept & reject отображается только в первой строке, и мне также нужно знать, как вставлять текст, который появляется после нажатия кнопки на db, который я запросил бы кто-то к pls обеспечит мне некоторую помощь спасибо!

<form method="post" action="delete.php" >
   <table cellpadding="0" cellspacing="0" border="0" class="table table-condensed" id="example">
      <thead>
         <tr>
            <th>appoinment ID</th>
            <th>Date</th>
            <th>time</th>
            <th>teacher</th>
            <th>parent</th>
            <th> accept/reject </th>
            <th>label</th>
         </tr>
      </thead>
      <tbody>
         <?php 
            $query=mysqli_query($conn, "select * from 'app' left join 'par' on par.par_id=app.par_id
            left join 'tea' on tea.tea_id=app.tea_id
            ORDER BY app_id DESC");

                if($query === false)
                {
                    throw new Exception(mysql_error($conn));
                }
                while($row=mysqli_fetch_array($query))
                {
                    $ann_id=$row['app_id'];
                    $date=$row['date'];
                    $msg=$row['time'];

                    $username = $row['username'];
                     $username = $row['p_username'];
            ?>
         <tr>
            <td><?php echo $row['app_id'] ?></td>
            <td> <?php echo date('j/m/y',strtotime($row['date'])); ?></td>
            <td><?php echo $row['time'] ?></td>
            <td><?php echo $row['p_username'] ?></td>
            <td><?php echo $row['username'] ?></td>
            <td>    <a href="#" onclick="document.getElementById('chgtext').innerHTML='reject';">reject</a> &nbsp; &nbsp;
               <a href="#" onclick="document.getElementById('chgtext').innerHTML='accept';">accept</a>&nbsp;  &nbsp;
            </td>
            <td>
               <div id="chgtext">PENDING</div>
            </td>
         </tr>
         <?php 
            }

            ?>
      </tbody>
   </table>
   </div>
</form>

The KingMaker 01 март 2018, в 11:32

Источник

0

Вам нужно использовать this ключевое слово - почитайте об этом. В jQuery это будет $(this).closest('tr').find('#chgtext').innerHTML='accept'; Он находит tr, в котором нажата кнопка, затем находит chgtext внутри этой строки
Michał Skrzypek 01 март 2018, в 10:33
0

@ MichałSkrzypek я не понял
The KingMaker 01 март 2018, в 10:40
0

ваш цикл while создаст несколько идентификаторов chgtext , это не очень хорошая практика w3c
Fky 01 март 2018, в 10:46
0

@ Fky тогда, как это сделать
The KingMaker 01 март 2018, в 10:48
0

Проблема в том, что вы не говорите JavaScript, какой именно #chgtext вы имеете в виду (кстати, это должен быть класс, а не идентификатор). Если вы используете document.getElementById('chgtext') вы говорите: «найдите #chgtext и выберите его». И это именно то, что делает JS. Находит первый и выбирает его. Однако есть ключевое слово this которое относится к объекту, на который вы нажали. Вы можете использовать его в качестве основы, чтобы найти правильный #chgtext
Michał Skrzypek 01 март 2018, в 10:50
2

Я могу сделать вам фрагмент, но я могу сделать это только в jQuery, если честно
Michał Skrzypek 01 март 2018, в 10:51
0

id должен быть уникальным. Увеличьте свой id в while цикл.
Zahid Zuhair 01 март 2018, в 10:52
0

@ MichałSkrzypek хорошо, тогда как сделать это через jQuery
The KingMaker 01 март 2018, в 10:54

Показать ещё 6 комментариев

Теги:

php

mysql

javascript

html

onclick

1 ответ

Ещё вопросы

Вам нужно использовать this ключевое слово - почитайте об этом. В jQuery это будет $(this).closest('tr').find('#chgtext').innerHTML='accept'; Он находит tr, в котором нажата кнопка, затем находит chgtext внутри этой строки
ваш цикл while создаст несколько идентификаторов chgtext , это не очень хорошая практика w3c
Проблема в том, что вы не говорите JavaScript, какой именно #chgtext вы имеете в виду (кстати, это должен быть класс, а не идентификатор). Если вы используете document.getElementById('chgtext') вы говорите: «найдите #chgtext и выберите его». И это именно то, что делает JS. Находит первый и выбирает его. Однако есть ключевое слово this которое относится к объекту, на который вы нажали. Вы можете использовать его в качестве основы, чтобы найти правильный #chgtext
Я могу сделать вам фрагмент, но я могу сделать это только в jQuery, если честно
id должен быть уникальным. Увеличьте свой id в while цикл.
@ MichałSkrzypek хорошо, тогда как сделать это через jQuery

Michał Skrzypek · Accepted Answer · 2018-03-01T08-41-00.000Z

В jQuery это будет выглядеть так:

<td>
    <a href="#" class="reject">reject</a> 
    <a href="#" class="accept">accept</a>
</td>
<td>
    <div class="chgtext">PENDING</div>
</td>

Затем перед закрытием тега body:

<script>
    $(document).ready(function(){
        $('.reject').on('click', function(){
            var row = $(this).closest('tr'); //find the row the link is in
            var thediv = row.find('.chgtext') //find the correct div within that tr
            $(thediv).text('reject');
        });
        $('.accept').on('click', function(){
            var row = $(this).closest('tr'); //find the row the link is in
            var thediv = row.find('.chgtext') //find the correct div within that tr
            $(thediv).text('accept');
        });
    });
</script>

Вы можете сделать код короче, но я хотел показать вам, как он работает шаг за шагом.

я должен добавить что-нибудь дополнительно к этому коду ... в настоящее время не работает
между тегами заголовка вашей страницы необходимо включить jquery: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> . Также в моем скрипте была ошибка, я ее исправил
спасибо братан, это работает ... что я должен сделать, чтобы вставить его в БД
Это совсем другой вопрос, и вы должны сначала попробовать сами. Не забудьте пометить мой ответ как правильный.
<?php if (isset($_GET['state'], $_GET['app_id'])) { $stmt = mysqli_prepare($conn, "UPDATE app SET state = ? WHERE app_id = ?"); mysqli_stmt_bind_param($stmt, "sd", $_GET['state'], $_GET['s.app_id']); $stmt->execute(); $stmt->close(); } } Я добавил этот код для обновления принятия / отклонения в БД, но он не работает, вы можете помочь
Вы должны опубликовать новый вопрос, в комментариях будет сложно написать читабельный код