Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Przeskok do następnego textbox'a
imie_nazwisko
post
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 
  1. <html lang="pl">
  2.   <head>
  3.     <meta charset="utf-8">
  4.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <link href="css/bootstrap.css" rel="stylesheet">
  7.     <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
  8.  
  9. 	<script type="text/javascript">
  10.  
  11. 	$(function(){
  12.  
  13. 		$("#a").keyup(function(event){
  14. 			if(event.keyCode == 13){ $("#b").select();}
  15. 		});
  16.  
  17. 		$("#b").keyup(function(event){
  18. 			if(event.keyCode == 13){ $("#c").select(); }
  19. 		});
  20.  
  21. 		$("#c").keyup(function(event){
  22. 			if(event.keyCode == 13){ $("#a").select(); }
  23. 		});
  24.  
  25. 	}
  26. 	)
  27. 	</script>
  28.   </head>
  29.  
  30. <body>
  31. 	<form class="form-horizontal" method="post" >
  32.  
  33. 		Wymiar A
  34. 			<input maxlength="10" type="text" id="a" class="form-control" name="a" placeholder="" value="">
  35. 			<input maxlength="10" type="text" id="b" class="form-control" name="b" placeholder="" value="">
  36. 			<input maxlength="10" type="text" id="c" class="form-control" name="c" placeholder="" value="">
  37. 		<br>
  38.  
  39. 			<button type="submit" class="btn btn-primary" name="funprzekaz">przekaz....</button>
  40.  
  41. 	</form>
  42. </body>
  43. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004
No i to jest wyjasnienie (IMG:style_emoticons/default/smile.gif)

I jak masz przycisk submit to od razu po pierwszym polu śle ci sie formularz, czy moze submit tylko wplywa na brak przeskoku do nastepnego pola?
Go to the top of the page
+Quote Post

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 »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 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

RSS Aktualny czas: 4.10.2025 - 15:05
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn