Jquery - Ajax щелкнуть мышью на триггере - PullRequest
Новая
       6

Jquery - Ajax щелкнуть мышью на триггере

0 голосов
/ 09 октября 2018

У меня небольшой вопрос.У меня есть поле ввода, где кто-то может искать конкретное значение.Вот следующий код 

$('#usersearch').keyup(function () { 
    var inputvalue = $('#usersearch').val();
    $('#usersearch').val(inputvalue);
    document.getElementById("popupwithuserssearch").style.display = "block"; 
    $.ajax({
        type: "GET",
        url: "usersearch.php",
        data: {
            input: inputvalue
        },
        success: function(msg) {
            $('#popupwithuserssearch').html(msg); 
        }
    });
})

После того, как я запустил свой запрос в usersearch.php, я отображаю html для генерации таблицы: 

$cell='1';
while (!$rs->EOF){
    echo '<tr>';
    echo '<td align="left" class="cell-'.$cell.'" bgcolor="#F0F0F0"><a href="#" style="color:black;" id="clicked">'.$rs->fields('name').'</a></td><br>';
    $cell = $cell+1;
    $rs->movenext();
    echo ' </tr>';
} ';

Теперь я пытаюсь получить значениеесли нажата клавиша href, я уже попробовал это: 

$("#clicked").click(function () {
    var value = $(".testClick").attr("href");
    alert(value );
});

Я, наверное, просматриваю ее, может кто-нибудь мне помочь

Спасибо!

Ответы [ 3 ]

0 голосов
/ 09 октября 2018

Ну, удалите свой идентификатор, потому что он должен быть уникальным, и вместо него назначьте класс.
Попробуйте этот код 

$(".clicked").click(function () {
   var value = $(this).attr("href");
   alert(value);
});

Чтобы предотвратить перенаправление, нажав на свой тег A, добавьте следующую строку event.preventDefault(); к вашей функции клика.

0 голосов
/ 09 октября 2018

Поскольку нет значения href, в данный момент я отображаю ID

// Add content dynamically
$(document).ready(function(){
var content = '<table>';
for(var i = 0 ; i < 10 ; i++){
  content += '<tr><td align="left" class="cell-'+i+'" bgcolor="#F0F0F0"><a href="#"   style="color:black;" class="clicked" id="clicked_'+i+'">'+i+'</a></td></tr>' 

}
  content += '</table>';
  $('#add-dynamic-content').append(content)
});



// Click event
$(document).on('click','.clicked', function(){
    alert($(this).attr('id'));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='add-dynamic-content'></div>
0 голосов
/ 09 октября 2018 
$(document).on('click', '#clicked', function () {
    var value = $(".testClick").attr("href");
    alert(value );
});
...