Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jquery] dwa i więcej inputów
bliitz
post
Post #1





Grupa: Zarejestrowani
Postów: 155
Pomógł: 12
Dołączył: 5.04.2008

Ostrzeżenie: (0%)
-----


Witam

Jak określić konkretny input, którym ma wywołać zdarzenie?
tzn. przykładowe formularze:
  1. <?php
  2. <form method="post">
  3. <input type="submit" name="update" />
  4. <input type="submit" name="delete" />
  5. </form>
  6. <form method="post">
  7.  <input type="submit" name="update" />
  8.  <input type="submit" name="delete" />
  9.  </form>
  10. <form method="post">
  11.  <input type="submit" name="update" />
  12.  <input type="submit" name="delete" />
  13.  </form>
  14. ....
  15. ?>

i tak kilka formularzy oraz przykładowe submity
Kod
$(document).ready(function(){  
     $("form").submit(function(){
         alert('delete');
         return false;
     });
     $("form").submit(function(){  
         alerty('update');
         return false;
      });
});

próbowałem odwoływać się do konkretnego inputa na kilka sposobów tzn:
Kod
$("form[name='update']")
$("form[@name='update']")

jednak żaden spsób nie działa, tzn. bez odwołań tego typu a przez zwykły $("form") wywołuje się tylko pierwszy submit w tym przypadku ten co wywołuje alert('delete'), jak można wywołać ten drugi submit??
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
bliitz
post
Post #2





Grupa: Zarejestrowani
Postów: 155
Pomógł: 12
Dołączył: 5.04.2008

Ostrzeżenie: (0%)
-----


Kod
<script type="text/javascript">
$(document).ready(function(){
    
    $("form").submit(function(){  
        $(this).children( 'input[name="gospodarze"]').val() == '' ? $(this).children( 'input[name="gospodarze"]').css( 'background', '#EF9595' ) : $(this).children( 'input[name="gospodarze"]').css( 'background', '#FFFFFF' );
        $(this).children( 'input[name="goscie"]').val() == '' ? $(this).children( 'input[name="goscie"]').css( 'background', '#EF9595' ) : $(this).children( 'input[name="goscie"]').css( 'background', '#FFFFFF' );
        $(this).children( 'input[name="miejsce"]').val() == '' ? $(this).children( 'input[name="miejsce"]').css( 'background', '#EF9595' ) : $(this).children( 'input[name="miejsce"]').css( 'background', '#FFFFFF' );
        $(this).children( 'input[name="godzina"]').val() == '' ? $(this).children( 'input[name="godzina"]').css( 'background', '#EF9595' ) : $(this).children( 'input[name="godzina"]').css( 'background', '#FFFFFF' );

        $.ajax({
            type: "POST",
            url: "ajax/term_spotkan.ajax.php",            
            data: { 'id': $(this).children('input[name="id"]').val(), 'gospodarze': $(this).children('input[name="gospodarze"]').val(), 'goscie': $(this).children('input[name="goscie"]').val(),'rok': $(this).children('input[name="rok"]').val(),
                    'miesiac': $(this).children('input[name="miesiac"]').val(), 'dzien': $(this).children('input[name="dzien"]').val(), 'miejsce': $(this).children('input[name="miejsce"]').val(),
                    'godzina': $(this).children('input[name="godzina"]').val(), 'wiek': $(this).children('select[name="wiek"]').val() },
            success: function( msg ){
                $( "#updMsg" ).text( msg );
                $( "#updMsg" ).css( 'display', 'block' );
            }        
        });
        return false;
    });
});
</script>


  1. <form method="post">
  2.        <input name="id" type="hidden" value="<?php echo $zm[ 'id_spotkania' ];?>" />
  3.        <input class="dane_zw" name="gospodarze" style="width: 120px;" type="text" value="<?php echo $zm['gospodarze'];?>" />
  4.        <input class="dane_zw" name="goscie" style="width: 100px;" type="text" value="<?php echo $zm['goscie'];?>" />
  5.        <input class="dane_zw" name="rok" style="width: 50px;" type="text" value="<?php echo $zm['rok'];?>" />
  6.        <input class="dane_zw" name="miesiac" style="width: 50px;" type="text" value="<?php echo $zm['miesiac'];?>" />
  7.        <input class="dane_zw" name="dzien" style="width: 50px;" type="text" value="<?php echo $zm['dzien'];?>" />
  8.        <input class="dane_zw" name="miejsce" style="width: 90px;" type="text" value="<?php echo $zm['miejsce'];?>" />
  9.        <input class="dane_zw" name="godzina" style="width: 50px;" type="text" value="<?php echo $zm['godzina'];?>" />
  10.        <select name="wiek" class="select_wiek">
  11.        <?php
  12.        $zm['wiek'] == 'seniorzy'? $seniorzy = 'selected' : $kadeci = 'selected';
  13.        ?>
  14.        <option value="seniorzy" <?php echo $seniorzy; ?>>seniorzy</option>
  15.        <option value="kadeci" <?php echo $kadeci; ?>>kadeci</option>        
  16.        <input type="submit" name="aktualizuj" value="Aktualizuj" class="submit" />
  17.        <input type="submit" name="usun" value="Usuń" class="submit" />
  18. </form>

formularz obraca się w pętli więc kilka ich jest wyświetlanych na stronie

Ten post edytował bliitz 13.02.2009, 14:08:09
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 11.10.2025 - 19:11