Ajouter la valeur de la zone de texte à la zone de liste sur l'onglet

Question

Je travaille sur un site Web auquel un appareil motorola (scanner) va accéder, mais la fonctionnalité doit être identique à un site Web normal/habituel. Sur l'une des pages, j'ai une zone de texte -> productID et listbox qui peut avoir plusieurs productID. Maintenant, lorsque l'accent est mis sur textbox et qu'il scanne le productID, l'analyseur retourne un onglet, maintenant après cela, je dois ajouter la valeur textbox à la listbox et vider la zone de texte et mettre le focus sur la zone de texte. Je devrais également pouvoir supprimer un productId de la liste. Comment puis-je réaliser cela en utilisant Jquery?

<table style=" width:220px;"> 
     <tr> 
      <td style=" width:120px;">cost</td> 
      <td style=" width:100px;"><asp:TextBox ID="txt_cost" runat="server"></asp:TextBox></td> 
     </tr> 
     <tr> 
      <td style=" width:120px;">Product ID</td> 
      <td style=" width:100px;"><asp:TextBox ID="txt_ProdID" runat="server"></asp:TextBox></td> 
     </tr> 
     <tr> 
      <td style=" width:120px;">List of ProductID</td> 
      <td style=" width:100px;"><asp:ListBox ID="lst_ProductId" runat="server"></asp:ListBox> </td> 
     </tr> 
     <tr> 
      <td style=" width:120px;"><asp:Button ID="btn_Update" runat="server" Text="Update" /></td> 
      <td style=" width:100px;"><asp:Button ID="btn_Remove" runat="server" Text="Remove" /></td> 
     </tr> 
    </table> 

Answer 1

$(function() { 
      $('[id$=txt_ProdID]').keydown(function(event) { 
       {     
        if(event.keyCode == 9) 
        { 
         var textboxval = $('#txt_ProdID').val(); 
         var lsOptNew = document.createElement('option'); 
         lsOptNew.text = textboxval; 
         lsOptNew.value = textboxval; 
         var lsProdID = document.getElementById('lst_ProdId'); 
         try 
         { 
          lsProdID.add(lsOptNew,null); 
         } 
         catch(ex) 
         { 
          lsProdID.add(lsOptNew); 
         }        


         $('[id$=txt_ProdID]').val(''); 
         $('[id$=txt_ProdID]').focus();      

        } 
        } 
       }); 
     }); 

Answer 2

$('#lst_ProductId').append($('#txt_ProdID').val()); 
$('#txt_ProdID').val(''); 
$('#txt_ProdID').focus(); 

Quelque chose comme ça devrait fonctionner.

Answer 3

$('#lst_ProductId').append($('#txt_ProdID').val()); <- set value 
$('#txt_ProdID').val('');-> clrs textbox 
$('#txt_ProdID').focus();->focus 
$('#lst_ProductId').remove($this); ->removes 

pls utilisent flou() en appuyant sur les onglets