0

我有 2 个按钮，单击第一个按钮时，我希望将列表框中的值检索到 textbox 中。并单击第二个按钮，文本框中的值应清除。

这就是我尝试实现代码的方式，但它不起作用。

<script type="text/javascript">
    $(document).ready(function () {
        $('#<%=BtnAddTokenValue.ClientID%>').click(function{
             var Value=$('#<%=ListBoxOptionValues.ClientID%>').find(':selected').val();
             $('#<%=TextBoxNameValue.ClientID%>').val(Value);

        });
    });
    $(document).ready(function () {
        $('#<%=BtnRemoveTokenValue.ClientID%>').click(function(){
          $('#<%=TextBoxNameValue.ClientID%>').val("");
        });
    });
</script>




<table border="0" cellpadding="5" cellspacing="0" style="width: 100%">
                    <tr>
                        <td class="style3">
                            <asp:Button ID="BtnAddTokenValue" runat="server" Text=">" />
                        </td>
                        <td class="style2">
                            <asp:TextBox ID="TextBoxNameValue" runat="server" Width="187px"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td class="style3">
                            <asp:Button ID="BtnRemoveTokenValue" runat="server" Text="<" />
                        </td>
</tr></table>

感谢您的帮助

4

2 回答 2

1

在那里你错过了()第一次点击功能，它没有必要调用doc ready处理程序两次：

<script type="text/javascript">
$(document).ready(function () {
    $('#<%=BtnAddTokenValue.ClientID%>').click(function(){
         var Value=$('#<%=ListBoxOptionValues.ClientID%>').find(':selected').val();
         $('#<%=TextBoxNameValue.ClientID%>').val(Value);
    });

    $('#<%=BtnRemoveTokenValue.ClientID%>').click(function(){
      $('#<%=TextBoxNameValue.ClientID%>').val("");
    });
});
</script>
于 2012-12-28T07:40:01.753 回答
0 
There was some minor error. I have corrected it.

Please see the below code

<script type="text/javascript">
    $(document).ready(function () {
        $('#<%=BtnAddTokenValue.ClientID%>').click(function (){
             var Value=$('#<%=ListBoxOptionValues.ClientID%>').find(':selected').val();
             $('#<%=TextBoxNameValue.ClientID%>').val(Value);

        });
    });
    $(document).ready(function () {
        $('#<%=BtnRemoveTokenValue.ClientID%>').click(function(){
          $('#<%=TextBoxNameValue.ClientID%>').val("");
        });
    });
</script>



<asp:ListBox ID="ListBoxOptionValues" runat="server">
<asp:ListItem Text="add" Value="0"></asp:ListItem>
<asp:ListItem Text="clear" Value="1"></asp:ListItem>
</asp:ListBox>
<table border="0" cellpadding="5" cellspacing="0" style="width: 100%">
                    <tr>
                        <td class="style3">
                            <asp:Button ID="BtnAddTokenValue" runat="server" Text=">" />
                        </td>
                        <td class="style2">
                            <asp:TextBox ID="TextBoxNameValue" runat="server" Width="187px"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td class="style3">
                            <asp:Button ID="BtnRemoveTokenValue" runat="server" Text="<" />
                        </td>
                        </tr>
                        </table>
于 2012-12-28T07:36:01.937 回答