Passage d'événement onclick & lt; li & gt; identifiant ou valeur

Je veux passer <li> id or value dans onclick événement. voici mon code existant.

<li onclick="getPaging(this.value)" id="1" value="1">1</li>
<li onclick="getPaging(this.value)" id="2" value="2">2</li>

voici le code javascript

function getPaging(str)
{
$("#loading-content").load("dataSearch.php?"+str, hideLoader);
}

source d'informationauteur Sasindu H

  1. 17

    Essayer comme ça...

    <script>
function getPaging(str) {
  $("#loading-content").load("dataSearch.php?"+str, hideLoader);
}
</script>

<li onclick="getPaging(this.id)" id="1">1</li>
<li onclick="getPaging(this.id)" id="2">2</li>

    ou discrètement

    $(function() {
  $("li").on("click",function() {
    showLoader();
    $("#loading-content").load("dataSearch.php?"+this.id, hideLoader);
  });
});

    en utilisant simplement

    <li id="1">1</li>
<li id="2">2</li>
  2. 8

    <li>s n'avez pas de value seulement les entrées ne. En fait, vous n'êtes pas censé même de la value attribut dans le code HTML de <li>s.

    Vous pouvez compter sur .innerHTML à la place:

    getPaging(this.innerHTML)

    Ou peut-être la id:

    getPaging(this.id);

    Cependant, il est plus facile (et plus pratique) pour ajouter les gestionnaires de clic à partir du code JavaScript, et de ne pas les inclure dans le code HTML. Voyant que vous êtes déjà à l'aide de jQuery, ce qui peut facilement être fait en changeant votre code HTML:

    <li class="clickMe">1</li>
<li class="clickMe">2</li>

    Et utiliser le code JavaScript suivant:

    $(function () {
    $('.clickMe').click(function () {
        var str = $(this).text();
        $('#loading-content').load('dataSearch.php?' + str, hideLoader);
    });
});

    Cela va ajouter le même gestionnaire de clic à tous vos <li class="clickMe">s, sans avoir à dupliquer votre onclick="getPaging(this.value)" code pour chacun d'eux.

  3. 0

    Essayez ceci:

    <li onclick="getPaging(this.id)" id="1">1</li>
<li onclick="getPaging(this.id)" id="2">2</li>


function getPaging(str)
{
    $("#loading-content").load("dataSearch.php?"+str, hideLoader);
}