Attribution valeur et focus sur un autre input

**TLOH45** · 30/11/2011, 10h33

Bonjour,

Je suis en train de faire un tableau qui récapitule l'ensemble des produit qui rentrent en stock. Lors de leur entrée dans l'informatique j'ai besoin d'indiquer la quantité rentrante et la quantité d'étiquette à imprimer. Je souhaite donc passer de mon champ input 'quantity' à mon champ 'quantity_print' de manière automatique, et proposer pour l'impression le même nombre que la quantité rentrée. J'espère être clair. Il y a un form par ligne.

En gros :
quantity=2, on tape enter, focus sur quantity_print et attribution de la valeur de quantity.

voici un bout de code jquery qui ne fonctionne pas.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
$(function(){
      $(".quantity").keypress(  
             function(e){
                   e.preventDefault();
                   if(e.which == 13) {
 
$(this).parents('form:eq(0)').find('.quantity_print:eq(0)').val($(this).val()).focus();
 
 } });  })

on rentre bien dans le if la ligne dedans ne s'execute pas ...

voici le html associé:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<table>
   <tr>
          <form>
               <td> <input class="quantity"></td>
               <td> <input class="quantity_print"></td>
          </tr>
          <tr>
          ...
          </form>
    </tr>
</table

Auriez vous des solutions? Merci!

**SpaceFrog** · 30/11/2011, 10h35

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
$(function(){
      $(".quantity").keypress(  
             function(e){
                   e.preventDefault();
                   if(e.which == 13) {
   me=$(this)
$(this).closest('form').find('.quantity_print:eq(0)').val(me.val()).focus();
 
 } });  })

??

**TLOH45** · 30/11/2011, 10h40

Merci de ta réponse rapide.

Nan ca ne marche pas .

**SpaceFrog** · 30/11/2011, 10h46

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type='text/javascript'>
$(function(){
      $(".quantity").blur(  function(){
      				$(this).closest('tr').find('.quantity_print:eq(0)').val($(this).val()).focus(); })
 
   }) </script>
</head>
<body>
<form>
   <table>
          <tr>
               <td> <input class="quantity"></td>
               <td> <input class="quantity_print"></td>
          </tr>
    </table>
</form>
</body>
</html>

**TLOH45** · 30/11/2011, 10h51

O Grand Merci!!

Cela marche très bien!! mais saurais tu pourquoi il n'accepte pas 'form'? il est pourtant bien dans le DOM, normalement il devrait trouver mon objet...

Encore merci.

**SpaceFrog** · 30/11/2011, 10h51

ou pour conserver ton appui sur la touche enter

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type='text/javascript'>
$(function(){
      $(".quantity").keypress(  function(e){
      				 if(e.which == 13) {	
      				$(this).closest('tr').find('.quantity_print:eq(0)').val($(this).val()).focus();
      				}
      				 })
 
   }) </script>
</head>
<body>
<form>
   <table>
          <tr>
               <td> <input class="quantity"></td>
               <td> <input class="quantity_print"></td>
          </tr>
    </table>
</form>
</body>
</html>

Avec ton preventDefault tu inhibais le keypress ...

**TLOH45** · 30/11/2011, 10h59

Mon prevent default ne bloque pas le keypress, il bloque le submit. Lors de ma précédente réponse je l'avais laissé car sinon je ne change pas d'input je recharge la page. Ce n'est donc pas ca qui bloque la fonction.

J'arrivais très bien à afficher une alert en appuyant sur la touche enter, mais la fonction avec 'form' ne marche pas.

Quoiqu'il en soit, avec prevent Default, et closest ('tr') j'obtiens ce que je souhaite.

Merci!

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
$(function(){
        $(".quantity").keypress(  
                 function(e){
                     e.preventDefault();
                     if(e.which == 13) {
$(this).closest('tr').find('.quantity_print:eq(0)').val($(this).val()).focus(); 
} });  });

Attribution valeur et focus sur un autre input

jQuery

Vue hybride

Discussions similaires

Partager

Partager