Question

我正在工作的网站，将由摩托罗拉设备（扫描仪）访问，但功能需要与普通/常规网站相同。在其中一个页面上，我有一个文本框 - ＆gt; 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>

Answer 1

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

这样的事情应该有用。

Answer 2

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

按下标签时使用模糊（）

Answer 3

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

                    }
                    }
                });
        });

在选项卡上将文本框值添加到列表框

3 个答案: