Tag: 下拉菜单

自定义jQuery下拉列表

我正在使用jQuery创建一个自定义的简单下拉列表，它隐藏/显示基于状态的元素。 我现在遇到的问题是，当你查看显示的元素时，它无法将鼠标移动到创建的下拉列表中。 关于如何解决问题的任何想法，是否有更简单的方法来做我所拥有的？ 我将重用这个并且不确定设置代码的最佳方法我不需要复制/粘贴六次。 $(function(){ $(“#dog-nav”).hover( function(){ $(“.sub-drop-box-dog”).show(“fast”); }, function(){ $(“.sub-drop-box-dog”).hide(“fast”); } ); $(“#cat-nav”).hover( function(){ $(“.sub-drop-box-cat”).show(“fast”); }, function(){ $(“.sub-drop-box-cat”).hide(“fast”); } ); });

Asp.net mvc dropdownlist在滚动时添加项目

我正在寻找asp.net mvc下拉列表，如果滚动滚动条，它可以添加记录。 我是这个领域的初学者。 有人可以指导我如何实现这个或任何可重用的代码，如 滚动事件将转到控制器，获取记录并附加到下拉列表的最后一项。 我认为任何建议都可以让我理解如何处理代码逻辑 这是我试图附加到下拉列表的内容 1 2 3 4 5 6 7 8 9 10 11

在bootstrap下拉菜单中应用jqueryvalidation

我有以下bootstrap下拉菜单： Pens Nothing selected Nothing selected Ballpoint Pens Rollerball Pens Fountain Pens Custom pens 这个脚本让它下拉： $(document.body).on(‘click’, ‘.dropdown-menu li’, function(event) { var $target = $(event.currentTarget); $target.closest(‘.btn-group’).find( ‘[data-bind=”label”]’).text( $target.text()).end().children(‘.dropdown-toggle’).dropdown(‘toggle’); return false; }); 如何在其上应用jquery validation ，在id为my_li_id_0的元素上引发错误？

如果我说不确认，如何防止更改选择框值

我使用一个国家/地区的选择框，当用户选择一个国家/地区时，会出现添加分支链接，用户在该国家/地区下添加分支机构，但是当用户想要更改国家/地区时，则该国家/地区的所有分支都应该被删除。 在更改国家之前，会出现一个确认框并显示警告..但是一切正常 如果我点击确认框中的“取消”，那么分支仍然在那里，但选择框值更改为新国家（即使我点击取消） 我需要，如果用户取消更改国家/地区，那么选择框值也将是以前的国家/地区。 请告诉我如何使用JQuery，我的代码如下 Select Country : Select Country Afghanistan Croatia Dominica Ecuador El Salvador Estonia India   First Second Third   Add Branch(es) function showBranch() { var countryid = jQuery(‘#country’).val(); if (jQuery(“#branches>div”).size()) { if (confirm(‘If country has been changed then data corresponding to present branches will lost.Do you want to continue?’)) { jQuery(‘#branches’).html(”); […]

twitter bootstrap下拉列表在切换时不会切换

哦，伙计，我一直在撕扯我的头发。 下拉列表4小时。 我正在使用Twitter Bootstrap。 顶部的固定导航有一个下拉，非常标准的东西。 除非下拉列表没有像通常那样关闭。 它只会在按下切换按钮时切换打开和关闭，而不是在按下菜单中的项目或用户在菜单外单击时（这两个都应该关闭下拉列表）。 我唯一不做的就是使用iframe和bootswatch的主题。 我以前没有这样的问题，所以我觉得它可能是一个bug（升级后的bootstrap到2.1.0，jquery到今天的1.7.2）。 这里的所有代码： test iframe { border: 0px; height: 95%; left: 0px; position: absolute; top: 50px; width: 100%; } Brand Sample One Two Three Four Five Stuff Things Nothing $(document).ready(function () { $(‘.dropdown-toggle’).dropdown(); var frameheight = window.innerHeight – 50; document.getElementById(“frame”).style.height = frameheight + “px”; }); $(window).resize(function () { […]

从下拉列表中获取未使用jquery选择的值列表

我有两个相关的下拉菜单。 当用户从第一个下拉列表中选择一个选项时，第二个下拉列表将填充第一个下拉列表中未选中的所有选项的列表。 我正在尝试使用jquery来获取所有未选择的选项，但我仍然是一个jquery newb并且必须正在进行某些操作。 我正在尝试以下方面： $(‘#segmentCrossStreet1:not(:selected)’) 这是“segmentCrossStreet1”是第一个下拉列表的ID。 这似乎没有返回任何有用的东西。 我究竟做错了什么？

在bootstrap下拉元素上使用intro.js

我无法弄清楚如何在下拉元素上使用intro.js。 我发现了一个类似的问题没有答案： IntroJS Bootstrap菜单不起作用 如果要重现错误，请按照下列步骤操作： http://recherche.utilitaire.melard.fr/#/carto 你必须点击“Aide”（右上角的绿色按钮），第二步就会出现问题。 关于改变事件，我做： $scope.ChangeEvent = function (e) { if (e.id === ‘step2’) { document.getElementById(‘step1’).click(); } console.log(“Change Event called”); }; 在调试时，一切都像魅力一样工作，直到该函数结束：_showElement之后，我迷失在JQuery事件中，并且关闭了下拉列表…… 如果你想重现，只需在_showElement函数的末尾添加一个断点，你就会理解我的意思……

选择harvesthq动态调整宽度

你怎么能有一个动态宽度风格的harvesthq Chosen下拉菜单？ 默认情况下，它具有固定的宽度，如果您尝试使用CSS修改它，您将遇到几个问题以达到良好的结果。

下拉选择jquery函数

如果选择了某个下拉选项，我需要运行一个jquery函数。 option 1 option 2 我已准备好函数中的命令，我只是不确定如何使它如此，如果选项2当前在下拉列表中处于活动状态，则运行该函数。 （下拉列表没有提交按钮，我希望它在用户突出显示选项时运行）

如何获得下拉菜单打开/关闭点击而不是hover？

我是javascript和ajax / jquery的新手，并且一直致力于尝试使用脚本来打开和关闭下拉菜单，而不是hover。 有问题的菜单可在http://www.gamefriction.com/Coded/上找到 ，它是标题右下方的暗菜单。 我想像它下面的另一个菜单一样打开和关闭它（它是浅灰色并且在“选择分区”模块中）。 灰色菜单是菜单的一部分，而语言菜单则不是。 我也有一个jquery导入，可以在上面链接的视图源中找到。 我的Javascript代码： /* Language Selector */ $(function() { $(“#lang-selector li”).hover(function() { $(‘ul:first’,this).css(‘display’, ‘block’); }, function() { $(‘ul:first’,this).css(‘display’, ‘none’); }); }); $(document).ready(function(){ /* Navigation */ $(‘.subnav-game’).hide(); $(‘.subnav-game:eq(0)’).show(); $(‘.preorder-type’).hide(); $(‘.preorder-type:eq(3)’).show(); }); 我的CSS： #lang-selector { font-size: 11px; height: 21px; margin: 7px auto 17px auto; width: 186px; } #lang-selector span { color: […]