onclick-Ereignis übergeben <li> id oder den Wert

Möchte ich weitergeben <li> id or value im onclick Veranstaltung. hier ist mein vorhandenen code.

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

hier ist der javascript-code

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

InformationsquelleAutor der Frage Sasindu H | 2011-06-08

  1. 18

    Versuchen so...

    <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>

    oder unauffällig

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

    einfach mit

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

    InformationsquelleAutor der Antwort Anish

  2. 8

    <li>s nicht ein value - nur Eingänge. In der Tat, Sie sind eigentlich nicht einmal die value - Attribut in den HTML-Code für <li>s.

    Können Sie sich auf .innerHTML statt:

    getPaging(this.innerHTML)

    Oder vielleicht die id:

    getPaging(this.id);

    Jedoch ist es einfacher (und besser üben), um die click-Handler von JavaScript-code und nicht in HTML. Zu sehen, wie Sie sind bereits mit jQuery, dies kann leicht getan werden, indem Sie Ihre HTML zu:

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

    Und verwenden Sie den folgenden JavaScript-Code:

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

    Diese fügen denselben click-handler auf alle Ihre <li class="clickMe">s, ohne Sie zu duplizieren onclick="getPaging(this.value)" code für jeden von Ihnen.

    InformationsquelleAutor der Antwort David Tang

  3. 0

    Versuchen Sie dies:

    <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);
}

    InformationsquelleAutor der Antwort Hasan Fahim

Schreibe einen Kommentar