Tag: 下拉菜单

Bootstrap 3 Hide菜单项上的下拉菜单单击: 看看小提琴。我有一个基本的Bootstrap 3响应导航，如下所示： Title Title Title Option 1 Option 2 Option 3 导航项链接到页面上的部分，而不是不同的页面，所以我需要下拉隐藏点击。每当我尝试使用jQuery手动切换下拉列表时，它会混淆下拉切换按钮的未来function： $(“#navbar li a”).click(function(event) { // check if window is small enough so dropdown is created $(“#navbar-toggle”).is(“:visible”) $(“#nav-collapse”).toggle(); }); 有更好的解决方案吗？

css / jquery中的移动（触摸）设备友好下拉菜单: 我一直在阅读有关此主题的许多主题，这是一个在移动设备上友好的下拉菜单。很多时候，最好在下拉菜单中进行非hover操作。有一些解决方法，其中一个是下拉项的主要超链接应链接到主题标签。这使得它可以在移动设备上运行，但对于普通的桌面用户来说，这会让人感到困惑。因此，解决方案是为桌面用户提供正常的下拉菜单，其中第一个超链接也链接到页面。对于移动用户，点击项目将打开下拉菜单，但第二次点击主项目将打开相应的页面。我看过以下网站，不知怎的，他们的菜单的工作原理如下： http ： //www.hgtv.com/你可以在平板电脑上查看，然后点击主菜单，再次点击该项，你会知道我的意思。但是，我如何找到或下载我自己网站的确切类似设置？提前致谢

jQuery – 使用.mouseout或更合适的方法关闭下拉列表，提示？: 我有以下代码： $(“.option_box .option_name”).click(function () { $(this).siblings(“.collapsible”).toggle(); $(this).toggleClass(“hided”); }); $(“.option_box .attribute_group_name”).click(function () { $(this).siblings(“.attribute_box”).toggle(); $(this).toggleClass(“hided”); }); 与之关联的HTML代码是： Gama Correcta Aficionado Entusiasta Purista Exclusive 哪个，在视觉上产生这个：我的问题是我想要下拉（实际上是一个带有桌子的div元素）当我将鼠标移出它时关闭但是，正如你所看到的，它不是那么容易，因为它不是一个像我在开始时那样声明.mouseout事件的问题。下拉列表由两部分组成，即“标题”和“正文”，当我放弃其中任何一个时，我希望整个下拉列表关闭，但到目前为止，没有运气。我在jQuery中缺乏一些真正的知识（这里和那里只是一个简单的触摸，但暂时没什么了不起的），所以我很困惑。我试过.mouseout，.mouseleave，.focusout和其他方法。我甚至使用jQuery ++来使用.within方法，但我同样迷失了。你们有没有人能指出我正确的方向？

如何根据第一个下拉选择的选择更新第二个下拉列表？: 我有两个DropDownListFor帮助器，第二个的SelectList取决于第一个选择的值。所以，我需要做的是：当用户从第一个DropDownListFor助手中选择一个值时，必须使用适当的值更新第二个DropDownListFor助手的SelectList。如何使用jQuery更新此SelectList？

在链接点击时使用jQuery / Javascript更改下拉选项: 假设我有以下链接和下拉列表： Send a mail to mother! Send a mail to father! Send a mail to sister! Send a mail to brother! Mother Father Sister Brother 基本上我希望每个链接都更改为相应的选择选项。为了给你一个上下文，现在我在页面的末尾有一个表单，并且在开始时我有几个电子邮件链接。当有人点击链接时，它会滚动（锚定）到表单。表单具有此下拉列表以选择收件人。我希望它不仅可以滚动到表单（已经完成），还可以根据点击的链接自动更改选项。我怎样才能做到这一点？

单击外部时隐藏下拉菜单: 我有一个带有复选框的下拉菜单。我想在用户点击外面时关闭下拉列表。我的代码是： @{ if (ViewBag.DataActiveEmployee == null || ((IEnumerable)ViewBag.DataActiveEmployee).Count() == 0) { //@:No records were processed. } else { foreach (var usr in ViewBag.DataActiveEmployee) { @usr.EmployeeName @: } } } JS var expanded = false; checkboxes.style.display = “none”; function showCheckboxes() { var checkboxes = document.getElementById(“checkboxes”); if (!expanded) { checkboxes.style.display = “block”; expanded = true; […]

如何在PHP代码中获取下拉框的选定选项值: 我有一个下拉框，列出了一组徽标，如花，蝴蝶等。 Logo <option id="” value=””> 假设我从下拉框中选择徽标’Flower’，我希望花卉图片以div显示。这是我必须显示图片的div： <img height="50" width="50" src="https://stackoverflow.com/FormBuilder/app/webroot/img/themes/” class=”float_left user_profile_image user_profile_image” alt=”Default50″/> 此代码的问题是它显示表中找到的所有图片。因为在我的控制器代码中，我只给出了’Logo’的属性id，但是没有给出哪个徽标。 $this->set(‘defaultLogos’,$this->Subproperty->find(‘all’,array(‘conditions’=>array(‘Subproperty.property_id’=>1,’Subproperty.values’=>”Flower”)))); 在这里，我有硬编码’花’，所以我只得到花卉图片。如果我从下拉框中选择徽标，如何将所选值传递给控制器代码？或者，如果我使用jQuery获取所选的徽标名称，如何在foreach循环中的if条件中使用该值？我正在使用CakePHP框架。 $(“#logoMenu option”).click(function(){ selectedLogo=$(this).attr(“value”); $(‘#subproperty_id’).val($(this).attr(“id”)); if(selectedLogo==”Your logo”){ $(“#themes_upload”).show(); } else{ alert(selectedLogo); $(“#themes_upload”).hide(); $(“#theme_logos”).show(); } }); 编辑：现在我尝试了一个AJAX POST，我将所选的徽标传递给控制器的同一个动作。当我在ajax函数的success函数中提醒传递的值但是没有出现图片时，我得到了值。 $(“#logoMenu option”).click(function(){ selectedLogo=$(this).attr(“value”); $(‘#subproperty_id’).val($(this).attr(“id”)); if(selectedLogo==”Your logo”){ $(“#themes_upload”).show(); } else { alert(selectedLogo); $.ajax({ type: “POST”, url: […]

保举-3-下拉-开放时，被点击: 我需要帮助实现与下面链接相同的导航。它有我的代码和客户要求。我正在使用Bootstrap 3 Bootstrap Dropdowns – dropdown.js jsfiddle链接请帮忙。

从一个下拉列表中选择一个选项会填充其他输入字段: 我试图弄清楚如何从下拉列表中选择具有特定文本的其他标签。因此，如果下降和另一个下降低于它，则应发生以下情况。当你从dropDown1中选择“A”时，dropDown2应填充“你选择了A”。如果选择“B”，dropDown2应该说“你选择了B”。同样适用于“C” 以下是示例代码。 A B C You chose A You chose B You chose C 任何帮助将不胜感激。如果你可以展示一些令人敬畏的代码，或者你可以指出我正确的方向，我可以找到令人敬畏的答案。

bootstrap选择选项显示值而不是文本: 这可能已经得到了解答，但我认为这个问题没有得到解答。我有一个Dropbox（选择和选项），我想在未选择保管箱时在屏幕上显示该值，并在选择该文本时显示该文本例： description0 description1 description2 所以当我想选择一个选项时，我想显示描述。但我想在保管箱字段中显示所选选项的值（当我没有选择某些内容时）这可能吗？提前致谢