Tag: 下拉菜单

Galleriffic – 从页面外部链接到库中的特定图像

如果标题不够清楚，我会在这里详细介绍。 我在不同的html页面上创建了多个画廊画廊，每个画廊由5-25张图片组成。 我想要的是实现一个下拉菜单，用户可以跳转到任何图库中的任何特定图像。 然而，这似乎不起作用。 我尝试创建一个链接到由galleriffic生成的＃的表单，但似乎无法弄清楚如何调用图像。 每当我尝试它时，只需加载库中的第一个图像。 我并不十分精通jQuery或PHP，我知道我需要一些技巧才能使用这些语言。 下面是索引页面的示例，以及我试图调用的另一个页面。 https://s3-us-west-1.amazonaws.com/integra2010/optics/index.html https://s3-us-west-1.amazonaws.com/integra2010/optics/butterscotch.html 下拉菜单目前只包含3个链接，我想在奶油糖果页面上加载图像3,4,5。 任何帮助将不胜感激。 谢谢！

如何根据asp.net web应用程序中使用javascript的下拉列表中的选定选项显示不同的输入类型

我正在使用vb.net和asp.net开发一个Web应用程序。 在此Web应用程序中，其中一个Web表单如下所示（必填） 上面的下拉列表中显示的选项/数据来自数据库，它们也是有条件的。 这些选项并不是一直都是固定的。 它们是可见的，取决于用户先前的选择。 在这些数据中有3个数据，我想要显示3种不同的输入类型。 这3个选项/数据的ID分别为10,11和12。 我想在此下拉列表下方显示不同的输入类型，具体取决于下拉列表中的选定数据。 例 如果在下拉列表中所选数据ID为10，我想在下拉列表下方显示一个文本框 Offered salary (numeric only!!) 如果在下拉列表中所选数据ID为12，我想在下拉列表下方显示日历 Start date (required if job offered, format: DD-MMM-YYYY) 对于其他数据，我不想做任何事情。 我怎么能用javascript做到这一点？ 请帮我代码。 谢谢 编辑过的代码 New status (required) Start date (required if job offered, format: DD-MMM-YYYY) function displayDiv() { if ($(“#comNewStatus”).val() == “1”) { $(“#cal”).show(); } else { $(“#cal”).hide(); } } function […]

jQuery $ .hover用于导致“弹跳”的子菜单

我在使用jQueryhover方法时遇到了一些麻烦。 这是相关的JavaScript代码： $(“#navigation > li > ul”).hide(); $(“#navigation > li”).hover( function() { $(this).children(“ul”).slideDown(125); }, function() { $(this).children(“ul”).slideUp(125); } ); 这是相应的HTML： Top Level Item #1 Top Level Item #2 Sub-Menu Item #2-1 Sub-Menu Item #2-2 Sub-Menu Item #2-3 每当您将鼠标hover在顶级项目上时，其中的子菜单（如果有）将下拉并具有漂亮，快速的幻灯片效果。 问题是当你快速鼠标hover在菜单中并将鼠标放在菜单所在但尚未到达的位置时：菜单将点击鼠标hover动画的“结束”并弹回到隐藏状态，并重复，直到从下拉菜单中删除鼠标。

带有setTimeout的jQuery下拉菜单不起作用

我知道这个问题已被多次询问，但我无法让我的下拉菜单与我到目前为止的工作。 如果我设置延迟显示菜单，没有setTimeout菜单工作正常，则会出现问题。 有人可以看看并建议解决方案吗？ 我也在尝试它在IE6中工作。 以下是setTimeout的完整示例： http ： //jsbin.com/owoyon/1/ （有问题，无法正常工作，下拉卡住，无法识别延迟） 这是一个没有setTimeout http://jsbin.com/isamay/1/的工作版本 这是一个代码副本： body {margin:60px; font-family: sans-serif; font-size:12px;} ul,ul ul {margin:0;padding:0;} ul li { position:relative; list-style-type: none; padding:5px 0; margin:0 10px; cursor:pointer; border-bottom:1px solid #ddd; display:inline-block; float:left; } .submenu { background:#eee; display:none; position:absolute; width:200px; top:25px; left:0; margin-left:-5px; } .hover { display:block !important; } Option 1 Lorem […]

如何在下拉列表中动态显示多个复选框列表

我有一个页面，下拉列表有两个依赖项（dep1，dep2）。 但是，我设法创建动态复选框，但只有一个依赖显示（dep1）源是： 如何使用javascript动态创建复选框列表 。 我不太了解javascript，我尝试在for循环和conditons中使用多个条件。 如何根据下拉列表中的选定数据同时显示dep1和dep2？ 请帮忙！ JavaScript的： function populate(model, destination) { var mod = document.getElementById(model); var des = document.getElementById(destination); des.innerHTML = “”; if (mod.value == “Model-A”) { var optionArray = [“Model-A1”, “Model-A2”, “Model-A3”]; } else if (mod.value == “Model-B”) { var optionArray = [“Model-B1”, “Model-B2”, “Model-B3”]; } for (var option in optionArray) { if […]

除了在Firefox中，下拉菜单闪烁

我有一个类似于这个问题的问题Drop Down Box保持闪烁 -当我将鼠标移到它上面时， JQuery和CSS下拉菜单闪烁，除了它似乎没有在firefox中发生。 我在鼠标输出事件中发出警报，发现每次我从菜单中的一个 到另一个时触发了警报。 这是它背后的html代码的重要部分。 / Options… 如您所见，“account_container”div是下拉菜单。 当用户点击经过身份validation的帐户li时，它会首先出现，并在用户再次点击li或将其删除时消失。 导航div在css中将它的高度设置为40px，所以我认为它可能是一个定位问题，如链接问题，但将高度设置为auto无法修复它，我无法将帐户容器取出导航栏因为那会弄乱它的定位。 为什么浏览器检测到从一个菜单项转移到另一个菜单项作为mouseout事件，我该如何防止它？ 编辑： 我可以做一些类似Andy E对这个问题的回答吗？ 我可以将onmouseout=”hideAccount()”更改为onmouseout=”hideAccount.call(this)”并检测鼠标是否在hideAccount函数内的下拉列表的子元素上？ 如果是这样，我该怎么做呢？ 作为参考，这是hideAccount函数： function hideAccount(){ //alert(“mouse out!”); $(“.account_container”).hide(); }

使用jQuery .on（）创建一个下拉菜单

我正在尝试创建一个jQuery下拉菜单，它会添加一个类来了解它是否向下或向上。 但由于某种原因，.on（）函数似乎没有响应点击。 我做错了什么？ 这是我的HTML： Item 1 Item 2 Sub Item 1 Sub Item 2 Sub Item 3 Item 3 我的JS： // Slide down jQuery(‘#main-menu > li.drop-down > a’).not(‘.active a’).click(function(e){ e.preventDefault(); jQuery(this).closest(‘li.drop-down’).addClass(‘active’).find(‘ul.sub-menu’).slideDown(); }); // Slide up jQuery(‘#main-menu > li.drop-down.active > a’).on(‘click’, function(e){ e.preventDefault(); jQuery(this).closest(‘li.drop-down’).find(‘ul.sub-menu’).slideUp(400, function(){ jQuery(this).closest(‘li.drop-down.active’).removeClass(‘active’); }); }); 谢谢！

任何jquery 1.3兼容插件，使用用户文本输入过滤下拉列表，并根据匹配的输入字符串数量进行分组

只是想知道是否已有插件，否则我将自己编码。 以下是我的确切要求。 假设我有一个这样的下拉列表 – Hello world Hello there Hello again Andorra Argentina Armenia Aruba Australia Austria … 并且有一个输入字段供用户过滤下拉内容。 所以它在开始时看起来像这样 – 用例（要求） 单词输入的明显案例 – >用户输入“你好” 结果应该只有包含“Hello”的选项 Hello world Hello there Hello again 当输入多个单词 – >例如“Hello again”时，OR逻辑应该应用于选项，并且包含任何单词的选项应该保留。 Hello again Hello there Hello world 我正在寻找的另一个增强function是根据匹配的单词数量对结果进行分组，所有单词匹配在顶部，然后是较小的单词匹配直到结束，这样的事情 – 我知道这是一个非常具体的要求，但仍然试一试…… 我查看了这个问题Jquery：在你输入时过滤下拉列表，并在那里给出了一些插件演示，但没有找到我正在寻找的内容。 第一部分JQuery UI MultiSelect具有我正在寻找的OR搜索逻辑，但没有分组。 但是这需要jquery 1.5和与jquery 1.3一起使用的旧版本没有输入字段。

获取seleceted下拉选项值jquery

我有两个下拉菜单 – 月份和年份 – 还有一个按钮。 当用户单击该按钮时，我想获取所选的月份值和年份值，并将它们作为查询字符串传递给如下URL： https://mysite.com/events.aspx?my=may2012 ： https://mysite.com/events.aspx?my=may2012 。 如何使用jQuery或Javascript获取这些值？ September August July June May April March February January December November October 2012 2013 2014 2015 GO

使用jquery下拉填充来从codeigniter控制器获取数据

我想使用jquery和ajax填充下拉列表。 我的jquery电话是 $(document).ready(function(){ $.ajax({ type: “GET”, url: “user/getstate/”, //the script to call to get data data:”, //you can insert url argumnets here to pass to api.php dataType: ‘json’, //data format success: function(data){ //on recieve of reply $(“#state”).append(‘State’); for(i in data) $(“#state”).append(“”+data[i][1]+””); } }); }); 需要填充的部分是 控制器中的function是 public function getstate(){ $this->load->model(‘usermodel’); $data=$this->usermodel->getstate(); echo json_encode($data); } 从中获取数据的模型是 […]