Tag: 下拉菜单

多级下拉导航菜单的Jquery代码

所有， 我是JQuery的新手，并尝试编写JQuery代码来创建一个多级下拉菜单。 HTML如下所示： Link 1 Sub Link 1.1 Sub Link 1.1.1 Sub Link 1.1.2 Sub Link 1.2 Sub Link 1.3 Link 2 Sub Link 2.1 Sub Link 2.1.1 Sub Link 2.1.2 Sub Link 2.2 到目前为止我得到的JQuery代码如下，但它不是打开和关闭子菜单。我怎样才能使它工作？ $(document).ready(function () { $(‘#ul.menu > li’).hover(function () { $(‘ul:first’, this).show(); }, function () { $(‘ul:first’, this).hide(); } ); $(‘#ul.menu li […]

下拉框保持闪烁 – JQuery和CSS

我对某些非常基本的东西感到困难。 我正在尝试使用JQuery和CSS实现一个下拉框。 当我将鼠标hover在“产品”链接上时，我无法弄清楚为什么我的下拉框会一直闪烁。 这是我正在做的工作的演示。 http://174.132.101.73/~ree/header/ 我将不胜感激任何帮助。 编辑 那么通过查看我给出的链接的源代码可以找到代码。 您可能需要显示/隐藏下拉框的主要部分是CSS和CSS： $(document).ready(function(){ $(‘li.headlink’).hover( function() { $(‘ul’, this).css(‘display’, ‘block’); }, function() { $(‘ul’, this).css(‘display’, ‘none’); }); });

下拉框/单选按钮validation？

我正在为我的表单使用jQuery工具（http://flowplayer.org/tools/demos/index.html）validation器，并想知道如何validation下拉列表和单选按钮？ 有人有实施它的经验吗？

将所选项目从一个选择框移动到另一个选择框（具有重复预防）

我有两个选择框，现在我想要的是我想通过按钮将选项从一个选择框移动到另一个选择框 下面是我的代码： PHP Select Movie sholay Jism Rog Zeher Awarpan Paap paanch no entry No item right now jQuery的 jQuery(document).ready( function() { function displayVals() { var myValues = jQuery(“#suppliedMovies”).val(); return myValues; } jQuery(‘#toRight’).click(function(){ var x=displayVals(); console.log(x); var txt=jQuery(“#suppliedMovies option[value='”+x+”‘]”).text(); console.log(txt); if(x!=”){ jQuery(‘#accquiredMovies’).append(“”+txt+””); } }); }); 我使用上面的jQuery，这工作正常，但我想要那样 当一个项目从一个选择框复制到另一个选择框时，该项目应该从第一个选择框禁用（或可能删除）（以防止重复输入）。 我也想从右到左移动项目选择框请建议我优化jQuery。 谢谢。 UPDATE 如果我想在两边使用多个选择框？ 那怎么用呢？ 更多更新 如果我点击右侧选择框上的项目并将其移动到左侧选择框，然后进一步（发布）然后在右侧选择框上，没有选择项目？ 我需要的是在右侧选择框，所有项目应始终被选中，否则我需要做什么？ […]

检测所有浏览器中选择选项的鼠标hover

我正试图让一个方框弹出一个下拉菜单的侧面，以与当前hover的选项内联。 这不容易解释，所以这是一个工作示例（仅适用于Firefox）。 http://jsfiddle.net/WJaVz/21/ 我已经在Chrome和IE中尝试了它，但似乎都没有识别选项的mouseenter事件，所以预览框永远不会出现。 我试图将事件更改为鼠标hover并专注于他们喜欢它们但它仍然无法在IE和Chrome中工作。 （还没有经过测试过的歌剧或safari。） 一个想法是可能使下拉列表成为无序列表并使其看起来像下拉列表，我想我可以检测到li具有mouseenter事件的时间。 有没有人知道这个的解决方案，所以它适用于大多数当前的浏览器，如果不是所有的浏览器没有重建大部分？

Jquery从dropdownlist中删除项目

jQuery(document).ready(function () { $lstAccountType = $(‘select[id*=”account_type”]’); $lstAccountType.change(function () { $(this).remove(‘option[text=”select one”]’) }); }); 我想在点击时删除下拉列表中的第一个元素。 有没有人对此有任何指示？

使用jQuery和Ajax填充第二个下拉列表

我试图根据外部html文件的第一个下拉列表的值填充第二个下拉列表，该文件仅填充选项。 外部文件示例： Bedfordshire Berkshire Buckinghamshire 第一个下拉值的示例： UNITED KINGDOM //option to load drop-GB.html UNITED STATES //option to load drop-US.html 这一切在FF / Safari / Chrome中运行良好但在IE或iPad中根本没有？ var $shipcountry = $(‘#ShippingCountry’); $ShippingStateSelect = $(‘#ShippingStateSelect’); $ShippingStateSelect.load(‘drop-GB.html’); //pre load default list $shipcountry.change(function () { var countryName = $shipcountry.val(); $.ajax({ type: ‘GET’, url: ‘drop-‘ + countryName + ‘.html’, success: function (msg) { […]

点击清除CSS菜单hover状态（通过ajax加载的页面）

我在网站上有一个CSS下拉菜单。 在顶部有一个父类别列表，当您将鼠标hover在一个类别上时，会出现一个下拉菜单，您可以在其中单击其中一个子类别。 单击子类别时，将触发ajax页面加载并替换页面内容。 效果很好。 但问题是，因为页面没有重新加载，下拉菜单仍然存在。 你必须将鼠标移开才能让它消失。 这很烦人。 当您点击子类别时，我们希望菜单消失。 在触摸设备上，这种行为更令人讨厌。 我不会在这里发布代码，而是会链接到网站： http ： //tinyurl.com/blvtlwz有问题的菜单是顶部的 – “竞赛马”’休闲马’等。 我会对检测到点击时如何清除hover状态的任何想法感兴趣，或者更好的处理菜单的方法？ 我用jquery removeClass（）摆弄了，但我运气不好。 谢谢

使用选项值添加“selected”属性

我有一个包含10个选项的选择框。 每次选择一个选项时，它会在localstorage中设置您选择的ID为“select1”的值。 例如：如果选择localstorage中的第一个选项：Key：Emailclient – Value：Option1。 现在，Iom尝试在选择表单中创建localstorage的值，selected属性。 这是我尝试但似乎不起作用： if (localStorage.getItem(“Select1”) == “Option1”){ $(‘#selectbox’).val(“Option1”).attr(“selected”); } 我做错了什么？ 编辑： 这是我的代码： Default Option 1 Option 3 Option 3 Option 4 Option 5 Option 6 谢谢

jquery克隆html问题，更新DOM？

我需要javascript / jquery专家的帮助来解决下一个问题： —- 1. 此javascript警告select html标记中所选选项的ID： $(function(){ $(“#id_productos_list”).change( function(){ var op = $(this).selectedValues() alert(op); } ); }); —- 2。 这个javascript克隆html代码： function cloneMore(selector, type) { var newElement = $(selector).clone(); var total = $(‘#id_’ + type + ‘-TOTAL_FORMS’).val(); newElement.find(‘:input’).each(function() { var name = $(this).attr(‘name’).replace(‘-‘ + (total-1) + ‘-‘,’-‘ + total + ‘-‘); var id = ‘id_’ […]