Die übergabe von Parametern an eine javascript-Funktion aufgerufen, die durch 'onclick' - Attribut

Brauche ich, um Verknüpfungen zu erstellen, die auf die Webseite aufrufen einer javascript-Funktion mit verschiedenen Parametern auf, ausgelöst durch onclick Veranstaltung. Damit die Funktion übergeben werden muss ein Parameter.

In meinem code, wie unten gezeigt, ich bin ein parameter übergeben wird, um wr() Funktion beim Aufruf von onclick innerhalb commandLink. Howver der code nicht erfolgreich ausgeführt, wenn ich den pass i als parameter wr() Funktion innerhalb onclick, aber ist dann erfolgreich, wenn ich übergeben Sie eine Konstante dh wr(4). Wie kann ich erfolgreich eine variable parameter an die javascript-Funktion ?

            <h:form>
                <ui:repeat value="#{bean.list}" var="i">
                    <p:commandLink onclick="wr(i)" value="#{i}" /><br/>
                </ui:repeat>
            </h:form>

            <p id="e">fd</p>

            <script type="text/javascript" >
                function wr(i){
                    document.getElementById("e").innerHTML="this is "+i+ " !";
                }
            </script>

InformationsquelleAutor Rajat Gupta | 2011-06-23

  1. 1

    Sollte nicht Ihre markup-Code für das onclick-Attribut auswerten der variable 'i' mit #{i} statt nur vorbei 'ich'?

    So sollte es sein:

    <ui:repeat value="#{bean.list}" var="i">
  <p:commandLink onclick="wr(#{i})" value="'#{i}'" /><br/>
</ui:repeat>

    Haben Sie so etwas wie FireBug, um zu sehen, was 'ich' ist evaluting auch innerhalb deiner JS-Funktion?

    Edit: Aktualisiert markup oben, schließen Sie den #{i} Ausdruck in einzelne " quotes

    ja, ich sah durch firebug, dass der Ausdruck wurde letztlich die Bewertung, um so etwas wie wr(one) mit onclick="wr(#{i})" sind, das sollte eigentlich wr('one') mit onclick="wr('#{i}')
    Ok Super - ich aktualisiert meine Antwort zu Konto für die Verpackung der Ausdruck in Anführungszeichen.

    InformationsquelleAutor toddk

  2. 0

    Sollten Sie übergeben Sie die Referenz des Elements mit this. Es ist flexibler als einfach nur die hart-Parameter.

    zB: ...onclick="wr(this)"...

    dann

    function wr(elm){
  document.getElementById("e").innerHTML="this is "+ elm.value + " !";
}

    InformationsquelleAutor Mic

  3. 0

    Sollten Sie tun:

    <ui:repeat value="#{bean.list}" var="i">
   <p:commandLink onclick="wr('#{i}')" /><br/>
</ui:repeat>

    InformationsquelleAutor Armaan Dhir

Schreibe einen Kommentar