kostenloser Webspace werbefrei: lima-city


jQuery mehrere Selektoren

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    jmc-remshalden

    Kostenloser Webspace von jmc-remshalden

    jmc-remshalden hat kostenlosen Webspace.

    Hallöchen!

    Also: Ich möchte gern per jQuery auf einen tag/button">Button zugreifen und diesen deaktivieren wenn fehlerhafte Daten eingetragen sind. Soweit, so gut.

    function setSubmitButton(formid, enable) {
     var buttonObj = #Hier sollte der Selector hin#;
     if(enable)
      buttonObj.button("enable");
    else
      buttonObj.button("disable");
    }
    Das ganze ist in einem automatisch generierten Formular zu finden. Damit ich den Button auf der Seite wieder finde, besitzt er zwei Eigenschaften. Am Besten mal das HTML vom Button:
    <button id="formularID-button-sub" name="submit">EinText</button>
    "formularID" ist dabei ein automatisch generierter String (Grund dafür: es gibt evtl. mehrere dieser Formulare gleichzeitig). Dieser wird im Aufruf der oberen Funktion im Parameter "formid" übergeben.
    "-button-" ist danach immer vorhanden. "sub" kann sich auch ändern, und ist im Skript nicht bekannt.
    Da es allerdings mehrer Button mit "formularID-button-" als Beginn der id exisiteren, gibt es noch das Attribut name="submit". Und dieses besitzt nur dieser Button.

    Kurz und knapp: Wie muss der Selektor aussehen damit ich den Button mit
    -"formularID-button-" als Beginn der ID
    -"submit" als Wert des Attributs "name"
    als Objekt erhalte?

    Vielen Dank!
    Adrian
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Hallo,
    dein Selektor sollte so ausschauen...
    $("button[id^='formularID-button-'][name='submit']")

    Kleines Beispiel dazu:
    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>attributeContainsPrefix demo</title>
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <body>
    <button>Some text</button>
    <button id="formularID-button-sub">Some text</button>
    <button id="formularID-button-sub">Some text</button>
    <button id="formularID-button-sub" name="submit">EinText</button>
    <script>
    $("button[id^='formularID-button-']").css("color", "#f00");
    $("button[id^='formularID-button-'][name='submit']").css("border", "3px dotted green");
    </script>
    </body>
    </html>
  4. Autor dieses Themas

    jmc-remshalden

    Kostenloser Webspace von jmc-remshalden

    jmc-remshalden hat kostenlosen Webspace.

    Danke! :thumb:
    Ich muss sagen, dein Post war echt hilfreich. Vor allem das Beispiel ist 1a!

    Noch nen schönen Tag!
  5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!