#php #html #jquery #ajax
Вопрос:
Идея этого кода заключается в том, что при нажатии на кнопку она должна изменить кнопку с «например» на «Зарегистрироваться».
Вот код, содержащий jQuery:
$(document).ready(function() { $(document).on('click','.dropJQ',function () { var classIdValue = this.value; var toEnrollBtn = "#" classIdValue "ToEnrollButton"; var toEmpty = "#" classIdValue "ToEmpty"; $.get("rmov.php", {classID : classIdValue}, function(response){ var opeartion = "success"; if(response == opeartion){ alert("The drop operation was failed"); }else{ alert("The drop operation was successful!"); } $(toEnrollBtn).html("lt;button class = 'enrollJQ' value = " classIdValue " gt;Enrolllt;/buttongt;"); $(toEmpty).html(""); }); }); }); lt;/scriptgt; lt;scriptgt; $(document).ready(function() { $(document).on('click','.enrollJQ',function () { var classIdValue = this.value; var toEnrolledString = "#" classIdValue "ToEnrolledString"; var toDropBtn = "#" classIdValue "ToDropBtn"; $.get("rsv.php", {classID : classIdValue}, function(response){ var opeartion = "success"; if(response == opeartion){ alert("The enroll operation was failed"); }else{ alert("The enroll operation was successful!"); } $(toEnrolledString).html("Enrolled"); $(toDropBtn).html("lt;button class ='dropJQ' value = '" classIdValue "' gt;Droplt;/buttongt;"); }); }); }); Вот подмножество кода, в котором происходит триггер:
while($row= mysqli_fetch_assoc($result)) { //echo 'lt;trgt;lt;tdgt;lt;a href="InformationPage.php?classID='.$row['id'].'"gt;'.$row['name'].''.'lt;/agt; lt;/tdgt;'; echo 'lt;tr id="trenrolld"gt;'; echo 'lt;tdgt;lt;a href="InformationPage.php?classID='.$row['id'].'"gt;'.$row['name'].''.'lt;/agt; lt;/tdgt;'; echo 'lt;td id="'.$row['id'].'ToEnrollButton"gt;Enrolledlt;/tdgt;';//lt;a href="drop.php?classID='.$row['id'].'"gt;Droplt;/agt; echo 'lt;td id="'.$row['id'].'ToEmpty"gt;lt;button class = "dropJQ" value = "'.$row['id'].'" gt;Droplt;/buttongt;lt;/tdgt;'; echo 'lt;/trgt;'; } Как только я нажимаю на кнопку, кнопка меняется с например, зарегистрироваться -gt; отбросить, но когда я нажимаю снова, кнопка остается «Отбросить».
Комментарии:
1. Я вообще не понял, что ты хочешь сделать со своей проблемой. Пожалуйста, уточните и создайте html-версию с помощью JS, чтобы протестировать ее в codepen или Jsfiddle.
2. @Tadas есть варианты .. один из них-зарегистрироваться, и когда вы нажимаете кнопку «зарегистрироваться», она становится кнопкой «отбросить», поэтому вы можете удалить свою регистрацию. поэтому, когда я нажимаю кнопку «Зарегистрироваться», она становится кнопкой «отбросить», но когда я нажимаю ее, кнопка остается кнопкой «отбросить».
3. Можете ли вы сделать эту кнопку на языке HTML, как у вас в PHP? Затем я мог бы скопировать HTML и ваш код jQuery, чтобы увидеть живой пример того, как это работает.
4. Проверьте консоль инструментов разработчика на наличие ошибок.
Ответ №1:
Вы можете проверить click текст кнопки, а затем изменить его.
Пример:
lt;buttongt;Enrolledlt;/buttongt; $("button").click(function(){ $(this).text($(this).text() == 'Enrolled' ? 'Drop' : 'Enrolled'); });