drop-down-menu 相关问题

我使用 ASP.NET MVC 助手创建一个下拉列表，如下所示， <%=Html.DropDownList("Group","-please select a group-")%> 我得到的html是这样的，组：我使用 ASP.NET MVC 助手创建一个下拉列表，如下所示， <%=Html.DropDownList("Group","-please select a group-")%> 我得到的html是这样的， <label for="GroupId">Group:</label> <select id="GroupId" name="GroupId"><option value="">-please select a group-</option> <option value="15">Business</option> <option value="16">Friends</option> <option value="17">Others</option> </select> 默认选项为“-please selecta group-”，值为空。如何验证选择值是否为空？我的意思是，如果用户不选择一个组，我如何知道它并向用户提供错误消息。现在，代码仅显示异常错误，因为默认选项的值为空。 Action 中的 Group 值将为 0。您可以测试 Group 是否为零并调用 ModelState.AddModelError。如果可以在下拉列表中显式设置默认项的值，那就更好了，但这在 Html.DropDownList 中是不可能的。无论如何我使用重载： <%=Html.DropDownList("Group",Model.GroupList ,"-please select a group-")%> 这样，您在模型中就有了一个用于组列表的属性和一个用于所选组的键的属性。如果我用 <%=Html.DropDownList("Group",Model.GroupList ,"-please select a group-")%> 那么 ModelState.IsValid 对我来说总是错误的。

asp.net-mvc drop-down-menu

回答 1 投票 0

微调器下拉列表显示错误的值

我创建了一个微调器并将值设置为数组列表。但是当运行时下拉列表中显示错误的值。我尝试在数组列表中添加一些值并将这些值设置为 spinner。但是 oi 出错了...

java android drop-down-menu spinner

回答 1 投票 0

闪亮的 DT 单元格下拉菜单的值不会更新，也不会再收集

我有一个闪亮的大型应用程序，其中有很多 DT。其中一个 DT 是动态的，并通过用户交互从另一个 DT 获取输入。添加行时，会在内部创建两个下拉列表。这些...

r shiny drop-down-menu reactive dt

回答 1 投票 0

ASPX 下拉列表选择单击“返回”按钮后选择不正确

我有一个简单的下拉菜单，可以根据用户的选择重新加载相关数据的页面。我注意到当我尝试返回时，下拉菜单的所选项目不正确。例如...

asp.net drop-down-menu back

回答 1 投票 0

使用JS根据选择的选定选项值显示隐藏div

嗨，我有这段代码可以在 JSFiddle 上运行，但我无法让它在我的网站上运行。我的网站在 Wordpress 6.4.2 上运行我有一个选择，如果所选...

jquery drop-down-menu show-hide

回答 1 投票 0

引导菜单下拉菜单在嵌入 header.html 文件的页面上不起作用

我创建了一个项目，在所有页面（包括index.html等）上嵌入了jQuery通用header.html文件我在其中添加了 Bootstrap。现在，header.html 中的下拉菜单工作正常；但没有...

jquery html twitter-bootstrap drop-down-menu

回答 2 投票 0

父列表更改时清除依赖下拉列表

在下面的示例中，单元格 A10 包含一个主下拉列表（A10-E10 是合并单元格，用于显示每个下拉选项的完整长度）。当“我们认为您存入的支票可能无法通过...

excel vba validation drop-down-menu range

回答 1 投票 0

由中继器生成的 ASP.NET DropDownList 在创建后未触发 OnSelectedIndexChanged

我正在处理一个棘手的错误。我在 .aspx 文件中使用 Repeater 创建了一个 ASP DropDownList：我的页面.aspx 我正在处理一个棘手的错误。我在 .aspx 文件中使用 Repeater 创建了一个 ASP DropDownList：我的页面.aspx <asp:Repeater ID="rptTemplateFields" runat="server" DataSource='<%# rptrDataSource %>' OnItemDataBound="rptTemplateFields_OnItemDataBound"> <ItemTemplate> <asp:DropDownList ID="ddlRepeater" runat="server" AppendDataBoundItems="true" AutoPostBack="True" OnSelectedIndexChanged="ddlRepeater_SelectedIndexChanged" width="360" Visible="False"> <asp:ListItem Text="" Value="" /> </asp:DropDownList> </ItemTemplate> </asp:Repeater> 我在代码隐藏中使用以下内容填充这些下拉菜单： mypage.aspx.cs protected void rptTemplateFields_OnItemDataBound(object sender, RepeaterItemEventArgs e) { if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem) { dynamic field = e.Item.DataItem; BugFieldName fieldName = field?.FieldName; string fieldContent = field?.FieldContent; var allowedValues = GenerateAllowedValues(fieldName); if (!fieldName.IsNullOrUnsetValue() && !allowedValues.IsNullOrEmpty()) { var ddl = e.Item.FindControl("ddlRepeater") as DropDownList; ddl.ID = "_ddlField" + fieldName; ddl.Attributes.Add("Name", "_ddlField" + fieldName); ddl.ClientIDMode = ClientIDMode.Static; ddl.DataSource = allowedValues; ddl.SelectedValue = allowedValues.Contains(fieldContent) ? fieldContent : null; ddl.Visible = true; ddl.DataBind(); } } } protected void ddlRepeater_SelectedIndexChanged(object sender, EventArgs e) { var ddlRepeater = sender as DropDownList; var state = (string)ViewState[ddlRepeater.Attributes["Name"]]; if (state != ddlRepeater.SelectedItem.Text) { ViewState[ddlRepeater.Attributes["Name"]] = ddlRepeater.SelectedItem.Text; } } 问题是我第一次单击下拉列表并更改项目（立即创建和数据绑定后），触发页面加载并擦除 ddl.SelectedValue 等状态，并且 DropDownList 的“OnSelectedIndexChanged”事件处理程序执行不火。在此页面加载之后，DropDownList DO 中的后续更改会立即触发 OnSelectedIndexChanged 并保留列表的状态。我想象回发和数据绑定发生了一些奇怪的事情，但我不确定我哪里出了问题。到目前为止，我已经尝试使用其他事件处理程序，但没有任何运气。我已经确认确实发生了页面加载并且它是回发。我将 <%@ Page ViewStateMode="Enabled" %> 添加到我的 aspx 文件中。我还尝试在中继器上使用 ItemCommand 监听器。这也没有火。好的，这个问题看起来是您在标记中设置了中继器的数据源。因此，对于任何回发，您的重新加载和重新绑定代码都会再次运行，这会导致您所做的任何选择丢失（重新绑定会一次又一次地重新运行行数据绑定代码）。因此，您所做的任何更改都会因回发而丢失。简单的解决方案是将数据绑定到后面代码中的中继器，并且仅一次。因此，说出这个简单的标记： <div style="float: left; width: 30%"> <asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="Repeater1_ItemDataBound"> <ItemTemplate> <h4>Booking Infomration</h4> <asp:Label ID="lblPerson" runat="server" Width="200px" Text='<%# Eval("FirstName") + " " + Eval("LastName") %>'> </asp:Label> <asp:Label ID="Label1" runat="server" Text="Hotel:" Style="margin-left: 30px"> </asp:Label> <asp:DropDownList ID="cboHotel" runat="server" DataValueField="ID" DataTextField="HotelName" AutoPostBack="true" OnSelectedIndexChanged="cboHotel_SelectedIndexChanged"> </asp:DropDownList> <br /> <hr style="height: 2px; border: none; background-color: black" /> </ItemTemplate> </asp:Repeater> </div> <div style="float: left; margin-left: 30px"> <h3>Combo box selected row information</h3> <asp:TextBox ID="txtInfo" runat="server" TextMode="MultiLine" Height="160px" Width="350px"></asp:TextBox> </div> 我们的代码在后面，请注意我们如何确保仅在第一页加载时绑定数据（IsPostBack = false）。因此这段代码： protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) LoadData(); } void LoadData() { string strSQL = @"SELECT ID, HotelName FROM tblHotels ORDER BY HotelName"; rstHotels = General.MyRst(strSQL); strSQL = "SELECT * FROM People ORDER BY FirstName"; Repeater1.DataSource = General.MyRst(strSQL); Repeater1.DataBind(); } protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e) { if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem) { DropDownList cboHotel = (DropDownList)e.Item.FindControl("cboHotel"); cboHotel.DataSource = rstHotels; cboHotel.DataBind(); cboHotel.Items.Insert(0, new ListItem("Please select", "0")); DataRowView rowData = (DataRowView)e.Item.DataItem; // current binding row data if (rowData["Hotel_id"] != DBNull.Value) cboHotel.SelectedValue = rowData["Hotel_id"].ToString(); } } protected void cboHotel_SelectedIndexChanged(object sender, EventArgs e) { DropDownList cboHotel = (DropDownList)sender; RepeaterItem rptRow = (RepeaterItem)cboHotel.NamingContainer; string sInfo = ""; sInfo += $"Row index selected = {rptRow.ItemIndex}\n"; Label lblPerson = (Label)rptRow.FindControl("lblPerson"); sInfo += $"Row person information = {lblPerson.Text}\n"; sInfo += $"combo Hotel id = {cboHotel.SelectedItem.Value}\n"; sInfo += $"combo Hotel Name (text) = {cboHotel.SelectedItem.Text}\n"; txtInfo.Text = sInfo; } 现在的结果是这样的：因此，通常可以在标记中放置一些数据源，但是一旦您有了回发和附加代码逻辑，那么我建议您通过使用后面的代码来“控制”数据绑定，而不是离开重新绑定可能会或可能不会再次发生。

asp.net drop-down-menu event-handling repeater asprepeater

回答 1 投票 0

是否可以使用下拉菜单作为导航？

我正在尝试使用下拉菜单作为我正在构建的应用程序的导航。但是，我在下拉菜单项的 onClick 函数中收到一个错误，提示“未解决的引用”。我...

kotlin drop-down-menu navigation android-jetpack-compose android-jetpack-navigation

回答 1 投票 0

单击动态添加的项目后设置下拉文本

Bootstrap 5。这是我的代码，只是 UL，因为一旦页面加载，列表就会动态地来自数据库。 Bootstrap 5。这是我的代码，只是 UL，因为一旦页面加载，<li> 列表就会动态地来自数据库。 <div class="btn-group"> <button id="dropdownGerencia" class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> My list </button> <ul id="mtUl" class="dropdown-menu"> </ul> 现在，填充列表后，我希望下拉列表显示用户选择的值。我有这个代码。但问题是我的下拉菜单与其他下拉菜单嵌套在一起（所有下拉菜单上方都有一个 .btn-group。因此，当他们单击一个特定的 LI 时，所有下拉菜单都会获得值（因为 .btn-group 会获取值，而不是仅获取值） li 存在。 $(".dropdown-menu").on('click', ' li a', function () { var selText = $(this).text(); $(this).parents('.btn-group').find('.dropdown-toggle').html(selText + ' ' + '<span class="caret"></span>'); }); 我也尝试过这个，但这没有显示所选值，因为它是后来动态创建的。 $('#myUl li').on('click', function () { $('#mySpecificDropdown').html($(this).find('a').html()); }); 您可以将 prev() 应用于所选元素的上一个元素，并使用相同的方法更改按钮的文本或获取当前 dropdown-menu 的索引并使用它来选择所需的 dropdown-menu。演示代码： $(".dropdown-menu").on('click', ' li a', function() { var selText = $(this).text(); var index_ = $('.dropdown-menu').index($(this).closest('.dropdown-menu')); $(this).closest('.dropdown-menu').prev().html(selText + ' ' + '<span class="caret"></span>'); //or use below with index // $('.dropdown-toggle').eq(index_).html(selText + ' ' + '<span class="caret"></span>') }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> <div class="btn-group"> <button id="dropdownGerencia" class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> Dropdown link </button> <ul id="mtUl" class="dropdown-menu"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li><a class="dropdown-item" href="#">Something else</a></li> </ul> <button id="dropdownGerencia1" class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> Dropdown link </button> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another</a></li> <li><a class="dropdown-item" href="#">Something</a></li> </ul> </div>

jquery drop-down-menu dropdown bootstrap-5

回答 1 投票 0

单击下拉菜单外部时关闭下拉菜单

我的网站上的导航下拉菜单出现了问题，我几乎已经解决了，但无法完全解决。我担心我的代码可能搞砸了。当我介绍“卷轴到锚......

javascript jquery html drop-down-menu menu

回答 3 投票 0

在 gridview 中，每行都有 2 个下拉菜单。选择第一个下拉列表中的值后，它应该在第二个下拉列表中显示下拉值

下拉菜单依赖于另一个下拉菜单。这是我尝试过的 ASPX gridview 中的下拉菜单依赖于另一个下拉菜单。 here is what i tried aspx 选择程序 </asp:DropDownList> <asp:RequiredFieldValidator ID="rfvddlProgram" runat="server" ErrorMessage="*" ControlToValidate="ddlProgram" Font-Bold="False" Font-Names="Verdana" Font-Size="8pt" SetFocusOnError="True" ValidationGroup="v1" ForeColor="Red" InitialValue="0"></asp:RequiredFieldValidator> <%-- <a href="#" target="_blank">BA Economics</a>--%> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Location"> <ItemTemplate> <asp:DropDownList ID="ddl_Location" runat="server" class="form-control form-control-sm mb-9"> <asp:ListItem Value="0">Select Location</asp:ListItem> </asp:DropDownList> <asp:RequiredFieldValidator ID="rfvddlLocation" runat="server" ErrorMessage="*" ControlToValidate="ddl_Location" Font-Bold="False" Font-Names="Verdana" Font-Size="8pt" SetFocusOnError="True" ValidationGroup="v1" ForeColor="Red" InitialValue="0"></asp:RequiredFieldValidator> </ItemTemplate> </asp:TemplateField> </Columns> <FooterStyle BackColor="White" ForeColor="#000066" /> <HeaderStyle BackColor="#6777ef" Font-Bold="True" ForeColor="White" /> <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" /> <RowStyle ForeColor="#000066" /> <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" /> <SortedAscendingCellStyle BackColor="#F1F1F1" /> <SortedAscendingHeaderStyle BackColor="#007DBB" /> <SortedDescendingCellStyle BackColor="#CAC9C9" /> <SortedDescendingHeaderStyle BackColor="#00547E" /> code behind file protected void gvProgram_RowDataBound(object sender, GridViewRowEventArgs e) { DataSet ds = new DataSet(); Btech.Mode = "BindData"; ds = objDal.Adm(Btech); if (e.Row.RowType == DataControlRowType.DataRow) { if (ds.Tables[0].Rows.Count > 0 && ds.Tables[1].Rows.Count > 0) { DropDownList ddlProgram = (DropDownList)e.Row.FindControl("ddlProgram"); ddlProgram.Items.Clear(); ddlProgram.DataSource = ds.Tables[13]; ddlProgram.DataTextField = "Description"; ddlProgram.DataValueField = "CourseID"; ddlProgram.DataBind(); ddlProgram.Items.Insert(0, new ListItem("Select course", "0")); DropDownList ddl_Location = (DropDownList)e.Row.FindControl("ddl_Location"); //ddlTeacherNames.Items.Clear(); ddl_Location.DataSource = ds.Tables[14]; ddl_Location.DataTextField = "CenterName"; ddl_Location.DataValueField = "CentreCode"; ddl_Location.DataBind(); ddl_Location.Items.Insert(0, new ListItem("Select Location", "0")); } } } protected void ddlProgram_SelectedIndexChanged(对象发送者，EventArgs e) { } 好吧，有几件事我们必须处理。首先，加载 GridView。然后我们必须加载 2 个组合框，但还要为 2 个组合框设置正确的级联值。然后我们必须根据行数据源设置组合框的正确值。所以，理论上这里有 3 个步骤。这一步有点倒退，因为第二个组合框选择和值必须在第一个组合框中设置正确的值。然后，完成上述所有操作后，我们需要将组合框设置为在用户选择第一个组合框时正确级联，并级联到该 GridRow 中的第二个组合框。通常，这表明第一个组合框未绑定到给定行中的任何数据，但只有第二个组合框要绑定到给定行数据。我没有你的样本数据，但让我们假设一些人，我们选择城市，然后第二个级联组合框是他们选择的酒店。所以，首先是我们的 GridView 标记： <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ID" CssClass="table" Width="30%" OnRowDataBound="GridView1_RowDataBound"> <Columns> <asp:BoundField DataField="Firstname" HeaderText="Firstname" /> <asp:BoundField DataField="LastName" HeaderText="LastName" /> <asp:TemplateField HeaderText="Select Hotel City"> <ItemTemplate> <asp:DropDownList ID="cboCity" runat="server" Width="120px" Height="26px" DataTextField = "City" DataValueField = "City" AutoPostback="true" OnSelectedIndexChanged="cboCity_SelectedIndexChanged" > </asp:DropDownList> </ItemTemplate> </asp:TemplateField> <asp:TemplateField HeaderText="Select Hotel"> <ItemTemplate> <asp:DropDownList ID="cboHotels" runat="server" Width="210px" Height="26px" DataValueField ="ID" DataTextField ="HotelName"> </asp:DropDownList> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> 我还要指出，我不关心 GridView 事件，我建议您也不要打扰。所以，首先是加载组合框的代码。 DataTable rstCity = new DataTable(); protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) LoadGrid(); } void LoadGrid () { // load up City list for combo box - all rows (scope = page) SqlCommand cmdSQL = new SqlCommand("SELECT City from City ORDER BY City"); rstCity = MyRstP(cmdSQL); // load up the grid cmdSQL.CommandText = "SELECT * from People ORDER BY FirstName"; GridView1.DataSource = MyRstP(cmdSQL); GridView1.DataBind(); } 好的，上面加载了 GridView。但是，如上所述，虽然我们有 2 个组合框（选择城市，然后在给定城市列表中选择一家酒店），但只需要保存第二个组合框选择。因此，在行数据绑定中，我们不仅要加载2个组合框，还要正确设置城市选择，然后根据该酒店加载酒店，然后选择酒店。 protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { DataRowView gData = (DataRowView)e.Row.DataItem; // get the row data // load the city combo box DropDownList cboCity = (DropDownList)e.Row.FindControl("cboCity"); cboCity.DataSource = rstCity; cboCity.DataBind(); // add blank row for city cboCity.Items.Insert(0, new ListItem("Select City", "")); // We have to check if a hotel been selected. SqlCommand cmdSQL = new SqlCommand(); DropDownList cboHotels = (DropDownList)e.Row.FindControl("cboHotels"); Debug.Print($"<{gData["Hotel_ID"].ToString()}>"); if (gData["Hotel_ID"] != DBNull.Value) { cmdSQL = new SqlCommand("SELECT ID, City, HotelName FROM tblHotels WHERE ID = @ID"); cmdSQL.Parameters.Add("@ID", SqlDbType.Int).Value = gData["Hotel_ID"]; DataRow OneHotel = MyRstP(cmdSQL).Rows[0]; // now load Hotel combo box - but cascade from above City cbo string strSQL = @"Select ID, HotelName From tblHotels WHERE City = @City " + " ORDER BY HotelName"; cmdSQL = new SqlCommand(strSQL); cmdSQL.Parameters.Add("@City", SqlDbType.NVarChar).Value = OneHotel["City"]; DataTable rstHotels = MyRstP(cmdSQL); cboHotels.DataSource = rstHotels; cboHotels.DataBind(); cboHotels.Items.Insert(0, new ListItem("Select Hotel", "")); // set hotels combo to current selected cboHotels.SelectedValue = gData["Hotel_id"].ToString(); // set City combo box to current selected City cboCity.SelectedValue = OneHotel["City"].ToString(); } } } 所以，上面设置了一切。接下来是城市选择的级联。因此，请注意上面的组合框的标记是这样的： <asp:TemplateField HeaderText="Select Hotel City"> <ItemTemplate> <asp:DropDownList ID="cboCity" runat="server" Width="120px" Height="26px" DataTextField = "City" DataValueField = "City" AutoPostback="true" OnSelectedIndexChanged="cboCity_SelectedIndexChanged" > </asp:DropDownList> </ItemTemplate> 注意 autopost back = true 的情况。并记下组合框的事件设置。所以，城市组合框更改事件是这样的： protected void cboCity_SelectedIndexChanged(object sender, EventArgs e) { // city changed, so cascade Hotel cbo DropDownList cboCity = (DropDownList)sender; GridViewRow gRow = (GridViewRow)cboCity.NamingContainer; // filter hotels to current city string strCity = cboCity.SelectedItem.Text; DropDownList cboHotels = (DropDownList)gRow.FindControl("cboHotels"); if (strCity != "Select City") { SqlCommand cmdSQL = new SqlCommand(@"SELECT * from tblHotels WHERE City = @City ORDER BY HotelName"); cmdSQL.Parameters.Add("@City", SqlDbType.NVarChar).Value = strCity; cboHotels.DataSource = MyRstP(cmdSQL); cboHotels.DataBind(); cboHotels.Items.Insert(0, new ListItem("Select Hotel", "")); } } 当然，用户进行更改后，我们需要保存更改。所以，我们的保存按钮是这样的： protected void cmdSave_Click(object sender, EventArgs e) { foreach(GridViewRow gRow in GridView1.Rows) { DropDownList cboHotel = (DropDownList)gRow.FindControl("cboHotels"); if (cboHotel.SelectedIndex > 0) rstGrid.Rows[gRow.RowIndex]["Hotel_id"] = cboHotel.SelectedItem.Value; } using (SqlConnection conn = new SqlConnection(Properties.Settings.Default.TEST4)) { string strSQL = "SELECT * FROM People ORDER BY FirstName,ID"; using (SqlCommand cmdSQL = new SqlCommand(strSQL, conn)) { conn.Open(); SqlDataAdapter da = new SqlDataAdapter(cmdSQL); SqlCommandBuilder dau = new SqlCommandBuilder(da); da.Update(rstGrid); } } } 结果是这样的：所以，结果看起来像这样：

asp.net gridview drop-down-menu dropdown populate

回答 1 投票 0

如何设置占位符样式？

如何在 styles.ts 文件中设置占位符的样式。现在不工作。从 'react' 导入 React, { useState }; 从'react-native'导入{TextStyle}；导入 DropDownPicker, { ItemType } ...

css reactjs drop-down-menu

回答 1 投票 0

drop-down-menu 相关问题

最新问题