[Lutidza]

Приветствую друзья

Цель:
При клике по стороннему элементу DOM ( например div или а ), вызвать событие click на элементе select. Нужно это для того, чтобы при клике по первому элементу раскрывался список опций у select.

<div class="select-outer">
             
             <a class="select-button"></a> <!-- клик происходит по данному элементу -->
             <select id="select" name="select" size="1"> <!-- событие click нужно тут -->
              <option>Квартира</option>
              <option>Дом</option>
              <option>Земельный участок</option>										
             </select>
    
            </div>

JavaScript (jQuery) которым я пытался это сделать, но он конечно же не работает.

$(".select-button").click(function () {
	  $('#select').trigger('click');

    });

Реально ли это реализовать, если да то как ?


Спасибо.