title: activate the select by clicking on the block
body: <p>How to activate select if i click on block? I found several options on the Internet, but none of them works.Where is the mistake?</p>
  
  <p>html</p>
  
  <pre><code>&lt;li name='click' class="nav-link" id="demoShowSelected"&gt;
      &lt;img class=" ukr"  src="{{ URL::asset('images/ukraine.svg')}}"&gt;
      &lt;img class=" eng" src="{{ URL::asset('images/united-kingdom.svg')}}"&gt;
      &lt;img class=" rus" src="{{ URL::asset('images/russia.svg')}}"&gt;
      &lt;select  name="select" id="selectLaung"&gt;
          &lt;option value="ukr"&gt;Українська&lt;/option&gt;
          &lt;option value="rus"&gt;Русский&lt;/option&gt;
          &lt;option value="eng"&gt;English&lt;/option&gt;
      &lt;/select&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Jquery</p>
  
  <pre><code>$(document).on("click", "[name='click']", function () {
  
      var myEvent = document.createEvent("MouseEvents");
      myEvent.initMouseEvent("mousedown");
      $("[name='select']")[0].dispatchEvent(myEvent);
  
  });
  </code></pre>