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
ziqzaq
post
Post #2





Grupa: Zarejestrowani
Postów: 428
Pomógł: 128
Dołączył: 17.06.2007

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


Hmm nie wiem czy to dobry pomysł, ale może rozbić submit formularza na dwie akcje tzn:
1) Ustawienie jaką akcję wykonać (update, delete) i sumbit formularza,
2) Przy zdarzeniu submit sprawdzić jaką akcję wykonujemy i pobrać odpowiednie pole(a).
Kod
<script type="text/javascript">
$(document).ready(function(){
    var act = '';
    $(':submit').click(function(){
        act = $(this).attr('name');
    });
    
    $('form').submit(function(){
        alert($(this).children(':input[name="ha!"]').val()+"\nAkcja: "+act);
        return false;
    });
});
</script>

  1. <form name="jeden" action="" method="post">
  2. <input type="text" name="ha!" value="Wartość ha! jeden" />
  3. <input type="submit" name="update" value="Update" />
  4. <input type="submit" name="delete" value="Delete" />
  5. </form>
  6. <form name="dwa" action="" method="post">
  7. <input type="text" name="ha!" value="Wartość ha! dwa" />
  8. <input type="submit" name="update" value="Update" />
  9. <input type="submit" name="delete" value="Delete" />
  10. </form>

O coś takiego ci chodzi?
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: 9.10.2025 - 09:41