Przeskok do następnego textbox'a

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Przeskok do następnego textbox'a

imie_nazwisko Zobacz profil	20.10.2014, 12:47:29 Post #1
Grupa: Zarejestrowani Postów: 21 Pomógł: 0 Dołączył: 6.08.2010 Ostrzeżenie: (0%)	Witam, Na stronie mam kilkadziesiąt komponentów typu TEXTBOX oraz przycisk typu SUBMIT. Chciałbym aby przy wypełnienie danego pola tekstowa po kliknięciu klawisza ENTER kursor przeskoczył do następnego textboxa. Na chwile obecną mam cos takiego... działa gdy usunę button Z góry dziękuje za pomoc! [HTML] pobierz, plaintext <html lang="pl"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.css" rel="stylesheet"> <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(function(){ $("#a").keyup(function(event){ if(event.keyCode == 13){ $("#b").select();} }); $("#b").keyup(function(event){ if(event.keyCode == 13){ $("#c").select(); } }); $("#c").keyup(function(event){ if(event.keyCode == 13){ $("#a").select(); } }); } ) </script> </head> <body> <form class="form-horizontal" method="post" > Wymiar A <input maxlength="10" type="text" id="a" class="form-control" name="a" placeholder="" value=""> <input maxlength="10" type="text" id="b" class="form-control" name="b" placeholder="" value=""> <input maxlength="10" type="text" id="c" class="form-control" name="c" placeholder="" value=""> <br> <button type="submit" class="btn btn-primary" name="funprzekaz">przekaz....</button> </form> </body> </html> [HTML] pobierz, plaintext

Odpowiedzi

Turson Zobacz profil	22.10.2014, 06:41:59 Post #2
Grupa: Zarejestrowani Postów: 4 291 Pomógł: 829 Dołączył: 14.02.2009 Skąd: łódź Ostrzeżenie: (0%)	Można. Niech każdy textbox ma klasę powiedzmy "textbox" i atrybut "target" z wartością, do którego selecta ten input się odnosi. Np: Kod <input class="textbox" target="271"/> $(".textbox").keyup(function(event){ if(event.keyCode == 13){ $("#"+$(this).attr('target')).select(); } });

Posty w temacie

imie_nazwisko Przeskok do następnego textbox'a 20.10.2014, 12:47:29

nospor Do przeskakiwania miedzy polami STANDARDEM jest uz... 20.10.2014, 12:51:15

imie_nazwisko Cytat(nospor @ 20.10.2014, 13:51:15 )... 20.10.2014, 15:31:33

tzm Formularze to nie jedyna forma przesyłania danych ... 20.10.2014, 14:46:06

nospor @tzm ale to bylo do mnie? 20.10.2014, 14:56:06

tzm Cytat(nospor @ 20.10.2014, 15:56:06 )... 20.10.2014, 15:51:01

nospor No i to jest wyjasnienie I jak masz przycisk sub... 20.10.2014, 15:37:58

imie_nazwisko Chcialbym aby button nie reagował na przycisk ENTE... 20.10.2014, 15:46:14

nospor Nie pasowalo mi to do nikogo, wiec uznalem ze do m... 20.10.2014, 16:04:40

tzm Cytat(nospor @ 20.10.2014, 17:04:40 )... 20.10.2014, 19:19:01

imie_nazwisko Pomoże ktoś przerobić kod? 20.10.2014, 17:55:38

trueblue Dodaj do kodu: [HTML] pobierz, plaintext $('f... 20.10.2014, 18:27:51

imie_nazwisko Wielkie dzięki trueblue Mam ponad 500 textboxów, ... 22.10.2014, 06:34:35

Turson Można. Niech każdy textbox ma klasę powiedzmy ... 22.10.2014, 06:41:59

Riggs A nie lepiej dać tabindex i przeskakiwać coś na wz... 22.10.2014, 08:32:04

« Następny starszy · JavaScript · Następny nowszy »

1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

Aktualny czas: 14.10.2025 - 15:00

Hosting zapewnia