触发& lt; select>另一个元素的click
Trigger <select> click onClick of another element
我想打开一个<select>
时点击它的父.select
类。
https://jsfiddle.net/6o31gfwa/-如果您单击橙色块,您将看到选择打开,但然后单击一个选项,它不会关闭选择。我该如何解决这个问题?
<label class="select">
<select>
<option>Body Fat</option>
<option>Height</option>
<option>Jean Size</option>
<option>Chest</option>
<optio>Pulse</option>
</select>
</label>
$('body')
.on('click', '.select', function(event) {
event.preventDefault();
var i = $('.select').index($(this)),
e = document.createEvent('MouseEvents');
e.initMouseEvent('mousedown');
$('select')[i].dispatchEvent(e);
});
没错。前面的答案行不通。你可以试试这个:
$('select.class-of-select').val(the_same_select_val).change();
相关文章:
- 具有相同类的jquery-click元素
- Ng隐藏在Ng-click元素之外
- 无法使以下ng on click outside指令在同一页面上的两个元素上工作
- AngularJs的ng-click$事件将子元素作为目标传递
- 如何在javascript中使用click函数选择数组元素
- 将click事件绑定到AngularJS指令中的子元素
- iframe中的jquery-click元素
- AngularJS:如何防止ng-click以子元素为目标
- AngularJS:指令限制:“E”阻止在Jasmine单元测试中调用元素click()事件
- 如何覆盖jQuery所选元素的“click”事件
- 带有元素移除的Javascript remove-click事件
- 如何在不接触某些元素的情况下附加document.click事件
- 当event.target返回子元素时,如何只获取click事件的父元素
- jQuery.click();不要对特定的元素开火
- javascript元素.click()发布Safari
- jquery on('click')处理程序,用于vars引用的多个元素
- 使用ng-click在作用域内定位元素
- 如何在angular js中为ng-click分配数组元素值
- jQuery .click() 事件未在 msDropDown 元素上触发
- 防止父指令调用子元素click事件