觸發 <select>單擊另一個元素的onClick

Question

我想在單擊<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);

    });

Answer 1

是的，對。 先前的答案將不起作用。 您可以嘗試以下方法：

$('select.class-of-select').val(the_same_select_val).change();