草庐IT

dropdown1

全部标签

html - 从 foundation.css 中删除 .has-dropdown 箭头

我正在尝试删除显示有下拉菜单的箭头。我发现了这个:.top-bar-section.has-dropdown>a:after{content:"";display:block;width:0;height:0;border:inset5px;border-color:transparenttransparenttransparentrgba(255,255,255,0.5);border-left-style:solid;margin-right:15px;margin-top:-4.5px;position:absolute;top:50%;right:0;}我已经用这个替换了它:.

带有用于输入的文本框的 jQuery DropDown

是否有任何jQuery插件,我点击下拉菜单会显示选项列表。如果没有用户想要选择的选项,那么我想通过文本框提供一种方式,用户应该能够输入内容。 最佳答案 您可以为此和导入文件使用jQuerycombobox()jsSEEHERE 关于带有用于输入的文本框的jQueryDropDown,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/16979916/

javascript - Select2 Dropdown 多项选择和取消选择

我有一个带有4个选项的select2下拉菜单代码是:--All--TodayDatePastDateFeatureDateselect2被这个javascript调用:$('.InqSelect2').select2({dropdownAutoWidth:'true',multiple:true});我想实现的效果就像我单击所有选项然后删除其他选项,如果选择了其他选项则从选择中删除所有选项。我试过这段代码:$('body').on('change','#ddlInqOn',function(){debugger;//});但是没有触发更改事件,所以还有其他可能跟踪select2下拉列表

javascript - 想要在 Javascript 中触发 Dropdown SelectedIndexChanged 事件

我的页面上有下拉菜单,我正在使用Javascript从弹出窗口更改下拉菜单的选定值。我在下拉SelectedIndexChanged事件中有一些逻辑,所以当下拉选择从Javascript更改时,我需要触发SelectedIndexChanged事件。 最佳答案 document.getElementById('').onchange();这应该可行,如果您仍然遇到一些错误,您可以这样尝试:setTimeout('__doPostBack(\'yourcontrolClientSideID\',\'\')',0);yourcontro

jquery - 在表单中按回车键时,Bootstrap Dropdown 总是会聚焦

我有一个表格,里面有不同的字段。而且我使用下拉按钮而不是普通的选择标签来获得更好的用户体验。但是,问题是当我在其他文本输入字段上按回车键时,此下拉列表总是会聚焦。这很烦人并且会造成麻烦。TestTesting1Testing2这是JSfiddle:http://jsfiddle.net/ergLb/你们知道这是为什么吗? 最佳答案 我添加了type="button"并且它有效。https://github.com/twbs/bootstrap/issues/3886 关于jquery-在

javascript - jquery select dropdown 在打开时忽略 keydown 事件?

我试图阻止退格按钮在每个浏览器中返回一页。现在我正在使用这段代码:$(document).on("keydown",function(e){if(e.which===8&&!$(e.target).is("input,textarea")){e.preventDefault();}});除了选择字段下拉列表打开时,它对所有内容都适用,此事件将被忽略,退格键无论如何都会让我返回一页。我怎么解决这个问题?感谢您的回答。 最佳答案 仅供引用,这是特定于GoogleChrome的,因为您的代码在IE和FF中运行良好。如果您真的需要它来工作,

javascript - 用 Dropup 替换 Bootstrap Dropdown(两个几乎相同的实现的不同事件)

我正在githubpages上做一个元素,如果div的overflow-y:scroll,我用.dropup替换Bootstrap.dropdown将导致下拉菜单被chop/溢出。您可以在此jsfiddle看到该功能正常工作.请注意,如果您单击顶行右侧的省略号图标,它将下拉,如果您单击底行的图标,它将向上下拉。现在,我的实际实现(githubpage),代码完全相同(如下),但它想用.dropup替换所有.dropdown类打开时,包括被切断的最顶行,如下图所示。我已经为此苦苦挣扎了一个星期,但无法完全弄清楚。我已经尝试了一些不同的东西,我认为可以解决它,但最终只是一个hack并且不能

javascript - How do I auto submit a dropdown when a value is selected other than the first value?

当前代码:ContactListblahblah2blah3所以我有这个下拉框,当用户点击它时会自动提交。它按原样工作得很好,但如果用户选择了第一个值(见上文),我不希望它提交。换句话说,如果用户点击联系人列表,那么我不希望它提交表单。我试过这个:onchange="if(this.value!='0')this.form.submit()"但这只会让它永远不会激活。有什么建议吗? 最佳答案 尝试不带引号并检查。DEMOHEREContactListblahblah2blah3 关于ja

html - 如何定位 Foundation Dropdown?

我的登录表单使用Foundation5.4.5下拉菜单,但问题是下拉菜单如下所示:我希望它像打开的那个一样,小块在右边,主体位置也很好这是我的HTML:HasDropdownThisisalinkThisisanotherYetanother 最佳答案 你有两个选择HasDropdown或者ThisisalinkThisisanotherYetanother两者都作为变通方法使用。但是,我明白您的意思:您希望下拉列表显示在链接的底部,但与右边框对齐。如果有人为此提出答案,我将不胜感激,因为基金会网站表明它可以通过某种未记录的方式实现

javascript - 如何在表格单元格内放置 p-dropdown?

我将p-dropdown添加到类似于此处所见的p-table:https://www.primefaces.org/primeng/#/table/filterp下拉菜单溢出到下一个单元格。如何防止p-dropdown流到下一个单元格?我尝试了以下方法:-添加[style]="{'width':'100%'}"到p-dropdown元素-添加[autoWidth]="true"到p-dropdown元素-将最大宽度添加到p-dropdown元素...... 最佳答案 在p-dropdown组件中有一个类.ui-dropdown将mi