Tag: 下拉菜单

是否有可能让Twitter Bootstrap Dropdown菜单淡入?

我试图让Twitter Bootstrap上的标准导航栏下拉菜单淡入而不是只显示。 我已经尝试添加fade的类但它似乎没有消失。 这是我的小提琴http://jsfiddle.net/byronyasgur/5zr4r/10/ 。 我尝试过另一种方式 – 例如关于这个问题的答案,但由于某些原因我无法使用jquery来定位下拉触发器。

从包含两个下拉列表的表行中,获取选定的值以及更改的下拉列表

我正在尝试更新表中的两个级联下拉,有很多答案在SO上有下拉,但我无法找到有关dynamically added rows的Table内cascading updates帮助。 鉴于它们有很多行,它们都有不同的Id filter #Id不起作用。 那么, 如何识别Dropdown触发更改的哪些行并在同一行的下一个col中更新另一个Dropdown / cell ? 表行单元格中有2个DropDownList (选择框)。 为了简化这一点,第一个是Country – >第二个是state 。 因此,期望用户选择国家,然后选择州。 我的伪算法: 找到哪一个被解雇,哪一行( 不确定是否需要,我应该在哪里接线 ) 然后触发ajax调用…以获取基于国家/地区的值 使用同一表格行中的值更新第二个下拉列表。 案例1更改国家/地区然后更改状态。 情况2只需更改State, 但首先在同一行的第一个下拉列表中获取Country值 。 我知道如何在常规页面中获取更改和值,但如何获取这些更改并更新相邻的下拉列表。 $(document).on(‘change’, ‘select’, function(){ var data = $(this).val(); alert(data); }); 编辑,斯蒂芬请求显示HTML //DropDown 1 (Imagine Country) Plumbing Modeling //DropDown 2 (Imagine State) 示例图像以便澄清

jQuery从JSON创建选择列表选项,不像广告中那样发生?

为什么这不起作用(在空选择列表上操作 $(function() { $.getJSON(“/RequestX/GetRequestTypes/”, showRequestTypes); } ); function showRequestTypes(data, textStatus) { $.each(data, function() { var option = new Option(this.RequestTypeName, this.RequestTypeID); // Use Jquery to get select list element var dropdownList = $(“#requestTypes”); if ($.browser.msie) { dropdownList.add(option); } else { dropdownList.add(option, null); } } ); } 但这样做: 更换: var dropdownList = $(“#requestTypes”); 使用普通的旧javascript: var dropdownList = […]

简单的jquery下拉列表 – clearTimeout,setTimeout问题

HTML: One Two Three A B C jQuery的: var timeout = null; $(document).ready(function() { $(“ul.topnav li”).mouseover(function() { if (timeout) clearTimeout(timeout); $(this).find(“ul.subnav”).slideDown(‘fast’).show(); }).mouseout(function() { timeout = setTimeout(closemenu, 500); }); // sub menu mouseovers keep dropdown open $(“ul.subnav li”).mouseover(function() { if (timeout) clearTimeout(timeout); } ).mouseout(function() { timeout = setTimeout(closemenu, 500); // alert(timeout); }); // any click closes […]

在没有第一个项目的下拉列表中对项目进行排序

我有以下代码来排序下拉列表中的项目: function sortDropDownListByText(selectId) { $(selectId).html($(selectId + ” option”).sort(function(a, b) { return a.text == b.text ? 0 : a.text < b.text ? -1 : 1 })) } 这种方法很好,除非在我的第一个项目中,我有一个**“请从列表中选择和项目”消息。 。 ** 无论如何,我可以对选择列表中的项目进行排序,并始终将“请选择条目”作为列表中的第一项? 编辑: 在回答一些答案时,“请选择项目的值始终为0”

单击按钮后如何重置Bootstrap-select的值

我正在使用Bootstrap-select插件( https://silviomoreto.github.io/bootstrap-select/ )作为我的下拉选择框。 单击按钮后,我想要刷新框并重置“选中”选项。 这是下拉列表 Default One Two Three 这是我的尝试,不起作用。 关于它应该如何的任何想法? $(“#dataPicker option:selected”).val(‘default’); $(“#dataPicker”).selectpicker(“refresh”);

php下拉菜单人口

我正在尝试编写一个php脚本,该脚本将根据主要下拉菜单的选择填充第二个下拉菜单。 我想用jquery来做所有非页面刷新的东西。 但是我发现存在的所有东西都很难理解和修改,你知道任何写得很好且易于理解的东西,或者是那里存在的教程吗?

复制/克隆下拉列表,其中包含jquery中的选定选项

如何使用所选选项克隆下拉列表(combobox)? jquery .clone方法在firefox中无法使用所选选项。 我有一个div有不同的控件。 我必须将整个div复制到这样的变量 var $orginalDiv = $(‘#myDiv’); var $clonedDiv = $orginalDiv.clone(); $clonedDiv.find(‘select’).each(function() { ….Something do here for assigning selected options from original div .. }); 让我知道如何完成它,它必须在FireFox中工作。

单击切换下拉菜单

我正在尝试创建一个下拉菜单,该菜单在点击时激活,而不是在hover时激活。 到目前为止,我点击了一点点javascript,但是子菜单显示得很好,如果点击了其他菜单,其他子菜单隐藏了,如果单击其父菜单,我无法弄清楚如何隐藏子菜单。 EG在这个JS小提琴中我可以点击“父母1”来揭示它的孩子,当我点击“父母2”父母1的孩子隐藏和父母2的孩子显示。 但是,如果父母1的孩子表明我希望能够通过再次点击父母1来隐藏他们(或者甚至更好地在孩子外面的任何地方) 我已经看到了一些示例,其中每个父级和子菜单都有单独的类或ID。 我想避免这种情况,因为它需要在cms中工作。 这是我的基本代码 HTML: Parent 1 Parent 1 » Child 1 Parent 1 » Child 1 Parent 1 » Child 1 Parent 2 Parent 2 » Child 2 Parent 2 » Child 2 Parent 2 » Child 2 Parent 3 Parent 3 » Child 3 Parent 3 » Child 3 Parent […]

将鼠标hover在子菜单上后突出显示父菜单项(HTML / CSS / Jquery)

我有一个菜单,有些菜单项可能有子项目。 实际上非常简单。 我想实现这一点,一旦子菜单被鼠标移过,相应的(父)菜单项也会被突出显示。 这种情况从未发生过,因为似乎只要鼠标离开菜单项并越过子菜单,浏览器就会将其设置为默认样式。 任何帮助赞赏! 非常感谢! 菜单html: item1 item2 sub1 sub2 sub3 item3 item4 CSS: #top_navigation { width: 1248px; margin: 0 auto; position: relative; text-transform: uppercase; font-family: “Rounded Font”, sans-serif; font-size: 23px; } #top_navigation ul ul { display: none; } #top_navigation ul { padding-left: 0; } #top_navigation ul li { margin: 0; padding: 0; float: […]