使用jquery从ASP.NET列表框中选择项目

时间:2010-06-24 21:02:40

标签: asp.net jquery listbox

问候,

我正在尝试从asp.net列表框中选择项目,然后将其分配给文本框,以便在列表框中单击某个项目时,应该出现在文本框中。

我尝试了下面列出的代码,但它没有用。 请指教如何做到这一点!!

............................ 更新的代码 ..........................

  <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="IMAM_APPLICATION.WebForm3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <script src="js/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>

    <script src="js/jquery.validate.js" type="text/javascript"></script>

       <script type="text/javascript">
           $(function() {
               $("#<%=ListBox.ClientID %>").change(function() {
                   $("#<%=text.ClientID %>").val($(this).val());
               });
           });


    </script>


<asp:ListBox ID="ListBox" runat="server">

 <asp:ListItem Value="one">1</asp:ListItem>
 <asp:ListItem Value="two">2</asp:ListItem>

</asp:ListBox>

<asp:TextBox ID="text" runat="server" 
            style = "position:absolute; top: 267px; left: 45px;"></asp:TextBox>
    </div>
    </form>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

你可以这样做:

$(function() {
  $("#<%=ListBox.ClientID %>").change(function() {
    $("#<%=text.ClientID %>").val($(this).val());
  });
});

$(document).ready(function() { })替换为上述代码,当您更改下拉列表时,该值将包含在文本输入中,例如onetwo