0

我目前开始深入研究 ASP.Net 的世界。到目前为止，我一直在相应地使用 CSS 以 HTML 样式创建我的大部分页面，最近我一直在将 Site.Master 页面应用于我的页面以整理代码。我正在创建一个需要下拉列表控件的页面，该控件最终将进入数据库并显示相关信息，但现在我保持简单，当你在下拉列表中选择一个项目。问题是，我似乎无法弄清楚如何将脚本应用于页面。

到目前为止，这就是我所拥有的：

<%@ Page Title="Bowtie Performance Parts - Inventory" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="parts.aspx.cs" Inherits="WebApplication1._Default"%>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
<!--Dropdown Menu Setup-->
<head>

</head>
</asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <h1 class="defaultTitle">Parts Catalog</h1>
    <p id="defaultLarge">Please Choose from the list below to get started!</p>

    <center>
        <form id="PartsForm" runat="server">
            <asp:DropDownList id="dropDown2" runat="server">
            <asp:ListItem>Please Choose</asp:ListItem>
            <asp:ListItem disabled="disabled">--Motors--</asp:ListItem>
            <asp:ListItem>4 Cylinder</asp:ListItem>
            <asp:ListItem>6 Cylinder</asp:ListItem>
            <asp:ListItem>8 Cylinder</asp:ListItem>
            <asp:ListItem disabled="disabled">--Intakes--</asp:ListItem>
            <asp:ListItem disabled="disabled">--Forced Induction--</asp:ListItem>
            <asp:ListItem>Superchargers</asp:ListItem>
            <asp:ListItem>Turbos</asp:ListItem>
            </asp:DropDownList></form>
   </center>
</asp:Content>

页面按预期设置样式并显示，下拉菜单按预期显示和工作，但现在我试图找出放置脚本的位置，以便当我在列表中选择一个项目时，它会显示“你有选定的项目 #"。

<script  runat="server">
Sub submit(sender As Object, e As EventArgs)
   mess.Text="You selected " & dropDown2.SelectedItem.Text
End Sub
</script>

将此脚本放在代码中的任何位置都会导致错误并且页面无法正确编译。我是使用 C# 和 ASP.net 的新手，我不确定我是否掌握了如何做到这一点的逻辑。我看过很多这样的例子：

<script  runat="server">
Sub submit(sender As Object, e As EventArgs)
   mess.Text="You selected " & drop1.SelectedItem.Text
End Sub
</script>

<!DOCTYPE html>
<html>
<body>

<form runat="server">
<asp:DropDownList id="drop1" runat="server">
<asp:ListItem>Item 1</asp:ListItem>
<asp:ListItem>Item 2</asp:ListItem>
<asp:ListItem>Item 3</asp:ListItem>
<asp:ListItem>Item 4</asp:ListItem>
<asp:ListItem>Item 5</asp:ListItem>
<asp:ListItem>Item 6</asp:ListItem>
</asp:DropDownList>
<asp:Button Text="Submit" OnClick="submit" runat="server"/>
<p><asp:label id="mess" runat="server"/></p>
</form>

</body>
</html>

但是以这种方式应用脚本会阻止我引用包含横幅、导航栏和指向整个网站样式的 .css 文件的链接的 Site.Master 页面（在所有网页上保持统一）。

如何才能做到这一点？

在此先感谢，泰勒院长

4

1 回答 1

0

在您的代码后面使用 drop1_SelectedIndexChanged 事件

Protected Sub drop1_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles drop1.SelectedIndexChanged

  mess.text = drop1.SelectedValue     

End Sub

这是在 VB 中，但您可以将其转换为 C#。

于 2013-04-17T03:28:32.650 回答