Question

我有2个按钮，点击第一个按钮我希望列表框中的值可以检索到文本框中。然后单击第二个按钮，文本框中的值应该清除。

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

<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>

感谢任何帮助

Answer 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>

Answer 2

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>

Jquery无法将值提取到文本框中

2 个答案: