Question

第一次请访问这个小提琴：

我想知道有没有办法转移点击？我的意思是，当我点击绿色区域（<div class="arrow"/>）的同时，wi <select>标签也会被点击或选中，并显示下面的选项。有没有办法做到这一点？

注意：我正在为IE支持的<select>标记执行此操作。

我尝试使用以下代码：

$(".ie-arrow").click(function(){
     $(this).prev().find($("select").click());
});

但是，它不起作用。你能解决吗？

感谢。

Answer 1

你可以看到这个答案

https://stackoverflow.com/a/10844589/336542

点击选择不会打开它你必须改变它的大小。

Answer 2

您应该尝试选择Dropkick.js

等下拉插件

http://jamielottering.github.io/DropKick/

Answer 3

好的，按照回答没有的想法。其中两个question，这是一个解决方案：Visit this fiddle

的javascript：

$(".drop1").append("<div onclick='runThis1()' class='arrow'></div>");
$(".drop2").append("<div onclick='runThis2()' class='arrow'></div>");

(function () {
        showDropdown = function (element) {
            var event;
            event = document.createEvent('MouseEvents');
            event.initMouseEvent('mousedown', true, true, window);
            element.dispatchEvent(event);
        };

        window.runThis1 = function () {
            var dropdown = document.getElementById('dropdown');
            showDropdown(dropdown);
        };

        window.runThis2 = function () {
            var dropdown = document.getElementById('dropdown2');
            showDropdown(dropdown);
        };
    })();

Answer 4

我在这里改变了黑客的大小：http://jsfiddle.net/f2Upx/

$(".drop1, .drop2").append("<div class='arrow' />");

$(".arrow").click(function(){
     $(this).prev().attr('size',5).css("height","200px")
            .parent().css("height","150px");
});

此外，这是一个简单的例子，我在几天前做了假的选择框http://jsfiddle.net/Jc2qq/这很容易重新制作以满足这个问题的需要。

Jquery单击另一个元素并显示选择选项

4 个答案: