2010-09-21 102 views
0

II正在工作的網站將由摩托羅拉設備(掃描儀)訪問,但功能需要與常規/常規網站相同。在其中一個頁面上,我有一個文本框 - > productID和listbox,它可以有多個productID。現在,當焦點放在文本框上並掃描productID時,掃描程序將返回一個選項卡,現在,在此之後,我需要將文本框值添加到列表框中,並清空文本框並將焦點設置爲文本框。我也應該能夠從列表中刪除一個productId。如何使用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> 

回答

0
$(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();      

        } 
        } 
       }); 
     }); 
當使用模糊()
0
$('#lst_ProductId').append($('#txt_ProdID').val()); 
$('#txt_ProdID').val(''); 
$('#txt_ProdID').focus(); 

類似的東西應該工作。

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

PLS按壓凸片