代码之家 › 专栏 › 技术社区 › Pinu

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

jquery asp.net javascript

Pinu · 技术社区 · 14 年前

我是一个工作网站,这将是一个摩托罗拉设备(扫描仪)访问,但功能需要相同的一个正常/通常的网站。在其中一个页面上,我有一个textbox->productID和listbox,可以有多个productID。现在当焦点在textbox上并且它扫描productID时,扫描器返回一个tab,在这之后,我需要将textbox值添加到listbox,清空textbox并将焦点设置在textbox上。我还应该能够从列表。怎么做我可以使用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>

3 回复 | 直到 14 年前

Gazler 14 年前

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

这样应该行得通。

kbvishnu 14 年前

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

按tabs键时请使用blur()

Pinu 14 年前

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

                    }
                    }
                });
        });

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前