0

最初に親切にこのフィドルにアクセスしてください：

http://jsfiddle.net/Y4LMX/

クリックを転送する方法はありますか？つまり、緑色の領域 ( <div class="arrow"/>) をクリックすると、その間に wi<select>タグもクリックまたは選択され、以下のオプションが表示されます。これを行う方法はありますか？

注意: IE でサポートされている<select>タグに対してこれを行っています。

次のコードで試しました：

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

しかし、それは機能していません。あなたはそれを解決できますか？

ありがとう。

4

4 に答える 4

2

あなたはこの答えを見ることができました

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

選択をクリックしても開きません。サイズを変更する必要があります。

于 2013-05-11T19:01:33.590 に答える
1

さて、答えのアイデアに従ってください。この質問の2つ、ここに解決策があります：このフィドルにアクセスしてください

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);
        };
    })();
于 2013-05-11T19:59:38.753 に答える
1

ここでサイズ変更ハックでそれを行いました：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");
});

また、ここに私が数日前に行った偽のselectboxの簡単な例がありますhttp://jsfiddle.net/Jc2qq/この質問のニーズに合わせて簡単に作り直すことができます。

于 2013-05-11T19:14:33.903 に答える