触发& lt; select>另一个元素的click

Trigger <select> click onClick of another element

本文关键字:元素 click 另一个 select lt 触发      更新时间:2023-09-26

我想打开一个<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();