Submit szelektor

A :submit szelektor a submit típusú, űrlapküldésre szolgáló gombokat választja ki. A :submit szelektor általában gombokra vagy beviteli elemekre alkalmazható. Fontos megjegyezni, hogy egyes böngészők a button elemet implicit módon [type='submit'] típusúként kezelik, míg mások épp ellenkezőleg. A helyes működés garantálása érdekében mindig add meg a type tulajdonságot. Mivel a :submit nem része a CSS specifikációnak, ezért a jobb teljesítmény érdekében a modern böngészőkben helyette jobb, ha a [type='submit'] használatos.

Szintaxis

Így választjuk ki a submit típusú elemeket:

javascript$(':submit');

Példa

A fentebb leírt elmélet alapján válasszuk ki az összes submit típusú elemet, amelyek td elemek leszármazottai. Tegyük ezeket a td elemeket zöld háttérszínűvé és piros keretesvé a css metódus segítségével:

html<form>
  <table border="1" cellpadding="10" align="center">
    <tr><th>Element</th></tr>
    <tr><td><input type="button" value="button"></td></tr>
    <tr><td><input type="file"></td></tr>
    <tr><td><input type="password"></td></tr>
    <tr><td><button>button</button></td></tr>
    <tr><td><input type="reset"></td></tr>
    <tr><td><input type="submit"></td></tr>
    <tr><td><input type="radio" name="test"></td></tr>
    <tr><td><input type="checkbox"></td></tr>
    <tr><td><button type="submit">button</button></td></tr>
    <tr><td><input type="text"></td></tr>
  </table>   
</form>

javascript$('td:submit')
  .parent('td')
  .css({background: 'green', border: '2px red solid'})
  .end();

$('form').submit(function(event) {
  event.preventDefault(); // megakadályozza az űrlap elküldését
});

Lásd még