Questions tagged «drop-down-menu»

一个GUI元素,类似于组合框和列表框,允许用户从列表中选择一个值。下拉列表处于非活动状态时,它将显示一个值。激活后,它将显示(下拉)值列表,用户可以从中选择一个。


20
jQuery获取特定的选项标签文本
好吧,说我有这个: <select id='list'> <option value='1'>Option A</option> <option value='2'>Option B</option> <option value='3'>Option C</option> </select> 如果我想获得值“ 2”时选择“选项B”,选择器会是什么样? 请注意,这不是在询问如何获取选定的文本值,而是询问其中的任何一个(取决于是否选中),具体取决于value属性。我试过了: $("#list[value='2']").text(); 但这是行不通的。


5
如何将项目添加到List <T>的开头?
我想在绑定到的下拉列表中添加“选择一个”选项List&lt;T&gt;。 一旦查询了List&lt;T&gt;,该如何将我的初始Item数据而不是数据源的一部分添加为其中的FIRST元素List&lt;T&gt;?我有: // populate ti from data List&lt;MyTypeItem&gt; ti = MyTypeItem.GetTypeItems(); //create initial entry MyTypeItem initialItem = new MyTypeItem(); initialItem.TypeItem = "Select One"; initialItem.TypeItemID = 0; ti.Add(initialItem) &lt;!-- want this at the TOP! // then DropDownList1.DataSource = ti;


30
避免在内部单击时关闭下拉菜单
我有一个Twitter Bootstrap下拉菜单。如所有Twitter Bootstrap用户所知,单击(甚至在其中单击)时,关闭菜单。 为避免这种情况,我可以轻松地在下拉菜单上附加一个click事件处理程序,只需添加著名的即可event.stopPropagation()。 &lt;ul class="nav navbar-nav"&gt; &lt;li class="dropdown mega-dropdown"&gt; &lt;a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"&gt; &lt;i class="fa fa-list-alt"&gt;&lt;/i&gt; Menu item 1 &lt;span class="fa fa-chevron-down pull-right"&gt;&lt;/span&gt; &lt;/a&gt; &lt;ul class="dropdown-menu mega-dropdown-menu"&gt; &lt;li&gt; &lt;div id="carousel" class="carousel slide" data-ride="carousel"&gt; &lt;ol class="carousel-indicators"&gt; &lt;li data-slide-to="0" data-target="#carousel"&gt;&lt;/li&gt; &lt;li class="active" data-slide-to="1" data-target="#carousel"&gt;&lt;/li&gt; &lt;/ol&gt; &lt;div class="carousel-inner"&gt; &lt;div class="item"&gt; &lt;img alt="" …



10
如何在php中获取选择框的多个选定值?
我有一个html表单,该表单具有一个选择列表框,您可以从中选择多个值,因为其multiple属性设置为multiple。考虑表单方法为“ GET”。表单的html代码如下: &lt;html&gt; &lt;head&gt; &lt;title&gt;Untitled Document&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form id="form1" name="form1" method="get" action="display.php"&gt; &lt;table width="300" border="1"&gt; &lt;tr&gt; &lt;td&gt;&lt;label&gt;Multiple Selection &lt;/label&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;select name="select2" size="3" multiple="multiple" tabindex="1"&gt; &lt;option value="11"&gt;eleven&lt;/option&gt; &lt;option value="12"&gt;twelve&lt;/option&gt; &lt;option value="13"&gt;thirette&lt;/option&gt; &lt;option value="14"&gt;fourteen&lt;/option&gt; &lt;option value="15"&gt;fifteen&lt;/option&gt; &lt;option value="16"&gt;sixteen&lt;/option&gt; &lt;option value="17"&gt;seventeen&lt;/option&gt; &lt;option value="18"&gt;eighteen&lt;/option&gt; &lt;option value="19"&gt;nineteen&lt;/option&gt; &lt;option value="20"&gt;twenty&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; …


17
如何设置html“选择”元素的选项的样式?
这是我的HTML: &lt;select id="ddlProducts" name="ddProducts"&gt; &lt;option&gt;Product1 : Electronics &lt;/option&gt; &lt;option&gt;Product2 : Sports &lt;/option&gt; &lt;/select&gt; 我想仅使用CSS将产品名称(即“ Product1”,“ Product2”等)加粗,并将其类别(例如,电子,体育等)斜体化。我发现一个老问题,提到无法使用HTML和CSS,但希望现在有解决方案。
202 html  css  drop-down-menu 

7
DropDownList的SelectedIndexChanged事件未触发
我的网页中有一个DropDownList对象。当我单击它并选择一个不同的值时,即使我有连接到该SelectedIndexChanged事件的功能,也没有任何反应。 首先,实际对象的HTML代码: &lt;asp:DropDownList ID="logList" runat="server" onselectedindexchanged="itemSelected"&gt; &lt;/asp:DropDownList&gt; 这就是那个功能itemSelected: protected void itemSelected(object sender, EventArgs e) { Response.Write("Getting clicked; " + sender.GetType().ToString()); FileInfo selectedfile; Response.Write("&lt;script&gt;alert('Hello')&lt;/script&gt;"); foreach (FileInfo file in logs) { if (file.Name == logList.Items[logList.SelectedIndex].Text) { Response.Write("&lt;script&gt;alert('Hello')&lt;/script&gt;"); } } } 没有任何响应出现,并且该JavaScript部分从未运行。我已经在最新的3.6版Firefox和Internet Explorer 8上进行了尝试。这是通过Windows Server 2003 R2计算机提供的,该计算机运行带有.NET Framework版本4的ASP.NET。

13
如何使用jQuery选择下拉菜单选项?
我想知道是否有可能让jQuery &lt;option&gt;在下拉框中选择,例如第4个项目? &lt;select&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;option&gt;&lt;/option&gt; &lt;/select&gt; 我希望用户单击一个链接,然后让该&lt;select&gt;框更改其值,就像用户通过单击来选择它一样&lt;option&gt;。

21
如何关闭外部点击的下拉菜单?
当用户单击下拉菜单之外的任何地方时,我想关闭我的登录菜单下拉菜单,我想使用Angular2和Angular2“方法”来完成此操作... 我已经实施了一个解决方案,但是我对此确实没有信心。我认为必须有一种最简单的方法来获得相同的结果,因此,如果您有任何想法...让我们讨论一下:)! 这是我的实现: 下拉组件: 这是我的下拉菜单的组件: 每次将此组件设置为可见时,(例如:当用户单击按钮以显示它时)它将订阅存储在SubjectsService中的“全局” rxjs主题userMenu。 每次隐藏时,它都会退订该主题。 该组件模板内任何位置的每次点击都会触发onClick()方法,该方法只会停止将事件冒泡到顶部(和应用程序组件) 这是代码 export class UserMenuComponent { _isVisible: boolean = false; _subscriptions: Subscription&lt;any&gt; = null; constructor(public subjects: SubjectsService) { } onClick(event) { event.stopPropagation(); } set isVisible(v) { if( v ){ setTimeout( () =&gt; { this._subscriptions = this.subjects.userMenu.subscribe((e) =&gt; { this.isVisible = false; }) …

9
如何使用Angular JS设置下拉列表控件的选定选项
我正在使用Angular JS,我需要使用angular JS设置下拉列表控件的选定选项。如果这很荒谬,请原谅我,但我是Angular JS的新手 这是我的html的下拉列表控件 &lt;select ng-required="item.id==8 &amp;&amp; item.quantity &gt; 0" name="posterVariants" ng-show="item.id==8" ng-model="item.selectedVariant" ng-change="calculateServicesSubTotal(item)" ng-options="v.name for v in variants | filter:{type:2}"&gt; &lt;/select&gt; 填充后,我得到 &lt;select ng-options="v.name for v in variants | filter:{type:2}" ng-change="calculateServicesSubTotal(item)" ng-model="item.selectedVariant" ng-show="item.id==8" name="posterVariants" ng-required="item.id==8 &amp;amp;&amp;amp; item.quantity &amp;gt; 0" class="ng-pristine ng-valid ng-valid-required"&gt; &lt;option value="?" selected="selected"&gt;&lt;/option&gt; &lt;option value="0"&gt;set of …

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.