5

選択メニューと別の要素 ( .dropArrow )を含む div があります。

私がしたいのは、.dropArrow をクリックしたときにメニューを選択することです。

これは私がこれまでに試したjqueryですが、成功していません...

$(".dropArrow").live('click', function() {
    $(this).siblings("select").click();
});

HTML

<div class="selectContainer selectTest" style="width: 305px;">
    <select id="selectTest">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
    <span class="dropArrow">^</span>
</div>

それを . hide() のようなものに変更できるので、間違っているのは . click() の部分だと思いますが、正常に動作します。

4

1 に答える 1

4

CSSのみを使用し、Javascriptを使用せずに機能させました。ただし、このソリューションが 100% 完璧だとは思いません。

jsfiddle.net/Luuk/35xdx/で自分の目で確かめてください。

また、この投稿では、Javascript を使用して選択要素をアクティブ化する方法について詳しく説明しています

于 2012-07-19T11:54:24.280 に答える