问题标签 [dropdown]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1891 浏览

angular-ui-bootstrap - UI-Bootsrap 下拉菜单停止在下拉内容上添加 ng-if

我正在使用 ui-boostrap 下拉指令,并想添加我自己的 ng-if 以防止在某些情况下显示它。添加此 ng-if 时,即使它始终返回“true” - 下拉列表停止工作(不弹出)。似乎下拉按钮停止接收 ng-click 事件(因此不改变 isOpen 状态..)。

HTML:

JS:

这是一个 plunker 重现问题: http ://plnkr.co/edit/8K9MUsDfFcjyiZvFdv5x?p=preview

有任何想法吗?

0 投票
0 回答
83 浏览

zurb-foundation - 在父 div 滚动上重新定位基础下拉菜单

我在使用基础的表格中有很多下拉菜单,表格显示大量行的滚动条。每行都有一个带有下拉链接的列,它显示了基础下拉菜单。如果菜单打开并且用户滚动,则菜单会在绝对位置保持打开状态,但不会粘在下拉链接上。

这可能是因为我需要将下拉链接和隐藏的下拉菜单列表分开。它们仅在结构上分开,因为下拉链接位于 jquery 可排序表中,然后打开的下拉列表位置错误(页面边缘等)。所以现在隐藏的下拉列表在表格之外的某个地方,因为它们与 #ID 连接到实际链接

有没有办法用它的链接重新定位打开的下拉菜单?

0 投票
1 回答
291 浏览

javascript - 使用 JS 添加或删除菜单项以下拉屏幕大小

如何根据屏幕大小将菜单项添加到下拉菜单中

jQuery

假设我有一个包含八个项目的菜单。当八个项目在一行中显示在屏幕上时,就可以了。但是当我重新调整屏幕大小时,唯一的项目/项目

不适合在一行中的屏幕应形成一个下拉列表。当我再次放大屏幕时,菜单项应一一返回,当所有项目都适合屏幕时,下拉菜单项应消失。

在 iphone/ipad 等设备上,它甚至可能只适合 2/3 左右的项目,其余的应该形成一个下拉列表,具体取决于屏幕尺寸。

见链接:

http://1drv.ms/1OGYCgS

0 投票
1 回答
83 浏览

jquery - 动态选择下拉菜单 - 没有选择的选项

我正在尝试创建一个动态选择;

每次我在数据库表上创建一个用户时,它都会<td class="users">在标记中添加一个:<td class="users">name of the user extracted from the db</td>

html

js

它确实根据我的需要显示用户名,但是,选择不会更改所选类。如何将选定的类添加到它正在显示的元素中?

我在http://jsfiddle.net/hh7r7p3w/中添加了代码。顺便提一下,带有用户名的真实数据来自数据库,所以这个名字可以变化。

我是否正在尝试以我尝试的方式做一些我无法做到的事情?

谢谢

0 投票
2 回答
41 浏览

jquery - Jquery中下拉菜单的CheckValue

如果此代码检查单选按钮的值,如果我需要检查下拉框的值,我应该更改什么?

0 投票
1 回答
24 浏览

php - 表格中的下拉菜单显示两列,例如 subid - 下拉列表中的子类别

嗨,我从一个有效的表中得到了这个下拉列表。

但是,我想在“sub_id”列的下拉列表中显示的字符串中添加一列,以便下拉列表显示 sub_id - 子类别。例如:

673 - 新屋顶而不是仅显示新屋顶的当前。

我尝试如下组合一个字符串,但结果首先是子类别,然后是列表中的 subid,例如 subcat1 subcat2 subcat3 1 2 3

希望你能在正确的轨道上帮助我

0 投票
1 回答
507 浏览

javascript - Bootstrap 3 - 3x btn-group 与下拉动画打开所有

我需要使用下拉菜单创建 3 倍图像。我选择了带有下拉菜单的 btn-group,但是当我添加幻灯片过渡(JS)时,出现了问题。当我点击一个 - all is open,但我只想打开这个,怎么做?我的代码:

和 JS:

0 投票
3 回答
4987 浏览

menu - 如何在 Polymer 中重置纸张下拉菜单,以便不选择任何内容?

我想在 JavaScript 中将 Polymer paper-dropdown-menu 重置为初始状态,因此没有选择任何内容,所以它看起来像这样:

纸张下拉菜单未选择任何内容

我可以在 paper-dropdown-menu 内的 paper-menu 标签中添加一个 id 并在 JavaScript 中访问它并选择它的选定索引:

但是,我只能选择一个可用的项目,因此该数字需要为 0 或更大。我无法将其设置为 -1 以不选择任何内容以直观地将其返回到初始状态,但我可以将所选状态记录为我刚刚设置的状态。我尝试更改的其他值选择为空且未定义。

这是我用于纸张下拉菜单的 html:

0 投票
2 回答
53 浏览

javascript - 使用 jquery/json 填充下拉列表

这是我第一次请求帮助(仍然是一个新手编码器)所以请不要犹豫告诉我我在做一些愚蠢的事情。

我已经构建了一个包含数千个项目的 JSON 文件,我希望能够从该文件动态填充各个页面上的下拉列表,然后根据之前的选择动态填充下拉列表。我对此进行了彻底的研究,但似乎我发现的大多数教程和问题似乎都不适用于这种特定的方式。本质上,我加载了页面,但项目无法填充;也就是说,下拉菜单是空的。控制台只显示一个错误,根据我能找到的所有内容,这表明 CDN 没有被加载。所以,这里是:

我有一种强烈的感觉,我错过了一些明显的东西……如果有人能指出来,我将不胜感激!

0 投票
0 回答
17 浏览

angularjs - AngularJS can't get months dropdown to display in Proper order Jan-Dec order

I have tried to use below solution to display months in order from Jan-Dec but facing some problem. I am getting data from service in JSON format.

ng-model="month" ng-options="currMonth for currMonth in months"

Can anyone please help?