打开下拉菜单,单击页面上的其他位置
Open a dropdown menu, clicking somewhere else on the page
我想打开这个下拉选择,不是通过单击它的位置,而是通过另一个<span>
。
这是下拉菜单:
<div class="styled-select">
<span id="camDurationSpanId" style="font-size:18px; position: absolute; top:8px; width:305px; height :42px;"></span>
<select id="camDurationId" name="camDuration" style="margin:42px 0 0 5px; border: none" onmousedown="{this.size=this.options.length;} " onchange='this.size=0;' onblur="this.size=0;">
<option value="0">All Duration</option>
<option value="1">Last Month</option>
<option value="2">Last Two Weeks</option>
<option value="3">Last Week</option>
<option value="4">Custom</option>
</select>
</div>
我想通过单击<span id="camDurationSpanId">
打开下拉菜单,并且我想将所选选项放入此范围。
这是我的javascript:
$(function() {
$('#camDurationSpanId').click(function() {
$('#camDurationId'). //don't know what to write here
});
});
可以这样做吗?
试试
$(function () {
$('#camDurationSpanId').click(function () {
$('#camDurationId').attr('size',5);
});
});
示例:https://jsfiddle.net/cmedina/o7zn8f8h/
为了以编程方式打开select
框,您需要触发一个mousedown
事件:
$('#camDurationId').trigger('mousedown');
这是一个演示。
相关文章:
- 防止用户在jQuery Mobile中ajax加载页面时单击其他位置
- 如何'剪切'DOM元素并将其显示在其他位置
- 只在某些位置拆分数组,而不在其他位置拆分
- HTML 按钮以在页面上的其他位置提交表单
- Ajax调用正在将数据插入页面的其他位置
- 从其他位置触发文件选择窗口
- 使用 Javascript 悬停将 Div 复制到页面上的其他位置
- 如何将图像链接与 HTML 和 CSS 一起使用时,悬停时在其他位置显示图像
- 使用页面上其他位置的链接激活选项卡
- 单击按钮以显示,单击其他位置以隐藏
- 打开下拉菜单,单击页面上的其他位置
- 将WebSQL数据库复制到其他位置
- 在 SVG 动画中围绕舞台原点以外的其他位置旋转路径
- 如何发布到网址但重定向到其他位置
- 点击触摸设备上的其他位置,关闭CSS下拉菜单
- 从Javascript函数中获取值以显示在其他位置
- 当用户单击页面上的其他位置时,如何关闭自定义下拉菜单
- 在其他位置显示对象中的数据
- 在编辑表行输入值并单击jquery中的其他位置后,读取这些值
- 使用CSS悬停类悬停在链接上,并在页面的其他位置显示覆盖图像