Przeskok do następnego textbox'a

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

imie_nazwisko Zobacz profil	22.10.2014, 06:34:35 Post #2
Grupa: Zarejestrowani Postów: 21 Pomógł: 0 Dołączył: 6.08.2010 Ostrzeżenie: (0%)	Wielkie dzięki trueblue Mam ponad 500 textboxów, czy poniższy kod można zapisać krótszej formie? [HTML] pobierz, plaintext $("#11").keyup(function(event){ if(event.keyCode == 13){ $("#21").select();} }); $("#21").keyup(function(event){ if(event.keyCode == 13){ $("#31").select();} }); $("#31").keyup(function(event){ if(event.keyCode == 13){ $("#41").select();} }); $("#41").keyup(function(event){ if(event.keyCode == 13){ $("#51").select();} }); $("#51").keyup(function(event){ if(event.keyCode == 13){ $("#61").select();} }); $("#61").keyup(function(event){ if(event.keyCode == 13){ $("#71").select();} }); $("#71").keyup(function(event){ if(event.keyCode == 13){ $("#81").select();} }); $("#81").keyup(function(event){ if(event.keyCode == 13){ $("#91").select();} }); $("#91").keyup(function(event){ if(event.keyCode == 13){ $("#101").select();} }); $("#101").keyup(function(event){ if(event.keyCode == 13){ $("#111").select();} }); $("#111").keyup(function(event){ if(event.keyCode == 13){ $("#121").select();} }); $("#121").keyup(function(event){ if(event.keyCode == 13){ $("#131").select();} }); $("#131").keyup(function(event){ if(event.keyCode == 13){ $("#141").select();} }); $("#141").keyup(function(event){ if(event.keyCode == 13){ $("#151").select();} }); $("#151").keyup(function(event){ if(event.keyCode == 13){ $("#161").select();} }); $("#161").keyup(function(event){ if(event.keyCode == 13){ $("#171").select();} }); $("#171").keyup(function(event){ if(event.keyCode == 13){ $("#181").select();} }); $("#181").keyup(function(event){ if(event.keyCode == 13){ $("#191").select();} }); $("#191").keyup(function(event){ if(event.keyCode == 13){ $("#201").select();} }); $("#201").keyup(function(event){ if(event.keyCode == 13){ $("#211").select();} }); $("#211").keyup(function(event){ if(event.keyCode == 13){ $("#221").select();} }); $("#221").keyup(function(event){ if(event.keyCode == 13){ $("#231").select();} }); $("#231").keyup(function(event){ if(event.keyCode == 13){ $("#241").select();} }); $("#241").keyup(function(event){ if(event.keyCode == 13){ $("#251").select();} }); $("#251").keyup(function(event){ if(event.keyCode == 13){ $("#261").select();} }); $("#261").keyup(function(event){ if(event.keyCode == 13){ $("#271").select();} }); ... $("#501").keyup(function(event){ if(event.keyCode == 13){ $("#511").select();} }); [HTML] pobierz, plaintext

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 »

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

0 Zarejestrowanych:

Forum PHP.pl