触发<选择>单击另一个元素的点击

Question

我想打开＆lt; select＆gt;点击它的父.select类。 https://jsfiddle.net/6o31gfwa/ - 如果单击橙色块，您将看到选择打开，但随后单击选项，它不会关闭选择。我该如何解决这个问题？ ＆lt; label class =＆＃34; select＆＃34;＆gt;     ＆LT;选择＆GT;         ＆lt; option＆gt; Body Fat＆lt; / option＆gt;         ＆LT;选项＆GT;身高＆LT; /选项＆GT;         ＆lt; option＆gt; Jean Size＆lt; / option＆gt;         ＆LT;选项＆GT;胸围＆LT; /选项＆GT;         ＆LT; OPTIO＆GT;脉冲和LT; /选项＆GT;     ＆LT; /选择＆GT; ＆LT; /标签＆gt; $（＆＃39;身体＆＃39;）     .on（＆＃39;点击＆＃39;，＆＃39;。选择＆＃39;，功能（事件）{         event.preventDefault（）;         var i = $（＆＃39; .select＆＃39;）。index（$（this）），             e = document.createEvent（＆＃39; MouseEvents＆＃39;）;         e.initMouseEvent（＆＃39;鼠标按下＆＃39）;         $（＆＃39;选择＆＃39;）[I] .dispatchEvent（E）;     }）;

Answer 1

是的，对。之前的答案不起作用。你可以试试这个：

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