Показать сообщение отдельно
  #1 (permalink)  
Старый 05.10.2019, 18:00
Интересующийся
Отправить личное сообщение для Wimko Посмотреть профиль Найти все сообщения от Wimko
 
Регистрация: 05.10.2019
Сообщений: 13

Как описать событие нажатия на динамическую сформированную кнопку ajax?
Всем привет пытаюсь самостоятельно изучать js и выходящие jquery а в частности ajax. В общем появилась проблема, нужно отправить скрытое поле с уникальным id в обработчик ajax-ом. Сложность заключается в том, что формы со скрытым полем содержащим id формируются автоматически из базы в таблицу... Я новичок, поэтому скорее всего я пытался сделать не совсем оптимальное решение. В общем...

Формируются строки таблиц в конце каждой строки формируются некие формы
<form method="post" action="" onsubmit="return false"> 
             <input type="hidden" name="uidstudinf" value="05793">
             <button style="font-size: 10px;" id="informationbtn" onClick = "getdetails(this)" class="btn btn-primary" data-toggle="modal" data-target=".information">Информация</button>
              </form>
<form method="post" action="" onsubmit="return false"> 
             <input type="hidden" name="uidstudinf" value="03393">
             <button style="font-size: 10px;" id="informationbtn1" onClick = "getdetails(this)" class="btn btn-primary" data-toggle="modal" data-target=".information">Информация</button>
              </form>


Что делаю я.... я сначала хотел получить ID нажатой кнопки, искал решение читал наткнулся на такой способ...

var idinformstudents;
    function getdetails(obj) {
                var id = $(obj).attr("id");
                idinformstudents='#'+id;
                return id;
    };


Таким образом в переменную idinformstudents записывались подобные данные #informationbtn1

Дальше попробовал вставить полученную переменную в функцию клика ajax.
$(function(){ 
/*  понимаю что функция выполняется как ready просто не знаю как построить правильно конструкцию с учетом задачи*/
      
      $(idinformstudents).click (function(){
        var uidinformstud   = $('#uidstudinf').val(); /* uidinformstud   это уникальный ID*/
        
        $.ajax ({
            url: '/scripts/scriptinf.php',
            type: 'post',
            data: {uidinformstud: uidinformstud

            },

            success: function(data)
            {
              $("#infostuddiv").html(data);

            }

        });


В общем ничего не работает, буду признателен если подскажите как решить проблему....
Ответить с цитированием