Выпадающее меню не открывается

Question

Im пытается выяснить, почему мое меню выпадающего меню не работает. Он появляется, но когда я нажимаю на него, он не падает. Любая помощь будет высоко оценена, Спасибо! Im пытается выяснить, почему мое меню выпадающего меню не работает. Он появляется, но когда я нажимаю на него, он не падает. Любая помощь будет высоко оценена, Спасибо!

<div class="form-group row"> 
<label for="location" class="col-sm-3 control-label">Job Location</label> 
<div class="col-sm-9"> 
<select id="location" name="job_location" multiple="" data-placeholder="Enter city and country or leave it blank" class="form-control form-control-chosen jform-chosen-validate" style="display: none;"> 

<option value="aichach">Aichach</option> 
<option value="allende">Allende</option> 
<option value="atlanta">Atlanta</option> 
<option value="bangalore">bangalore</option> 
<option value="berlin">Berlin</option> 
<option value="bristol">bristol</option> 
<option value="calgary">Calgary</option> 
<option value="california">California</option> 
<option value="campuchia">Campuchia</option> 
<option value="carapicuiba-sao-paulo">Carapicuíba - São Paulo</option> 
<option value="conakry">Conakry</option> 
<option value="dallas">Dallas</option> 
<option value="dubai">Dubai</option> 
<option value="fortaleza">Fortaleza</option> 
<option value="guinea">Guinea</option> 
<option value="ha-noi">Ha Noi</option> 
<option value="hamburg">Hamburg</option> 
<option value="india">india</option> 
<option value="istanbul">istanbul</option> 
<option value="jacksonville">Jacksonville</option> 
<option value="kathmandu">Kathmandu</option> 
<option value="kk">kk</option> 
<option value="latur">latur</option> 
<option value="lll">lll</option> 
<option value="london">London</option> 
<option value="manila">Manila</option> 
<option value="melbourne">Melbourne</option> 
<option value="montreal">montreal</option> 
<option value="new-york">New York</option> 
<option value="newcastle">Newcastle</option> 
<option value="nigeria">Nigeria</option> 
<option value="noordwijk">Noordwijk</option> 
<option value="philippines">Philippines</option> 
<option value="san-gwann">San Gwann</option> 
<option value="scotland">Scotland</option> 
<option value="sydney">Sydney</option> 
<option value="tourcoin">Tourcoin</option> 
<option value="vienna-austria">Vienna, Austria</option> 
<option value="wroclaw">Wrocław</option> 
<option value="zxczxc">zxczxc</option> 
<option value="zxczxvzxv">zxczxvzxv</option> 

</select> 
<div class="chosen-container chosen-container-multi" style="width: 795px;" title="" id="location_chosen"><ul class="chosen-choices"><li class="search-field"> 
<input type="text" value="Enter a city and country or leave it blank" class="default" autocomplete="off" style="width: 279px;"></li></ul><div class="chosen-drop"><ul class="chosen-results"></ul></div></div> 
</div> 
</div> 

Answer 1

у вас есть стиль отображения: никто на нем не изменить его, чтобы блокировать

или вы могли выбрать (маленький кусочек JS) вариант и пойти на этот

Вот это fiddle

var mytextbox = document.getElementById('country'); 
 
var mydropdown = document.getElementById('dropdown'); 
 

 
mydropdown.onchange = function(){ 
 
    mytextbox.value= " "; 
 
    mytextbox.value = mytextbox.value + this.value; 
 
}

textarea, select{display:block; vertical-align:top; height:27px;}

<select id="dropdown"> 
 
<option value="aichach">Aichach</option> 
 
<option value="allende">Allende</option> 
 
<option value="atlanta">Atlanta</option> 
 
<option value="bangalore">bangalore</option> 
 
<option value="berlin">Berlin</option> 
 
<option value="bristol">bristol</option> 
 
<option value="calgary">Calgary</option> 
 
<option value="california">California</option> 
 
<option value="campuchia">Campuchia</option> 
 
<option value="carapicuiba-sao-paulo">Carapicuíba - São Paulo</option> 
 
<option value="conakry">Conakry</option> 
 
<option value="dallas">Dallas</option> 
 
<option value="dubai">Dubai</option> 
 
<option value="fortaleza">Fortaleza</option> 
 
<option value="guinea">Guinea</option> 
 
<option value="ha-noi">Ha Noi</option> 
 
<option value="hamburg">Hamburg</option> 
 
<option value="india">india</option> 
 
<option value="istanbul">istanbul</option> 
 
<option value="jacksonville">Jacksonville</option> 
 
<option value="kathmandu">Kathmandu</option> 
 
<option value="kk">kk</option> 
 
<option value="latur">latur</option> 
 
<option value="lll">lll</option> 
 
<option value="london">London</option> 
 
<option value="manila">Manila</option> 
 
<option value="melbourne">Melbourne</option> 
 
<option value="montreal">montreal</option> 
 
<option value="new-york">New York</option> 
 
<option value="newcastle">Newcastle</option> 
 
<option value="nigeria">Nigeria</option> 
 
<option value="noordwijk">Noordwijk</option> 
 
<option value="philippines">Philippines</option> 
 
<option value="san-gwann">San Gwann</option> 
 
<option value="scotland">Scotland</option> 
 
<option value="sydney">Sydney</option> 
 
<option value="tourcoin">Tourcoin</option> 
 
<option value="vienna-austria">Vienna, Austria</option> 
 
<option value="wroclaw">Wrocław</option> 
 
<option value="zxczxc">zxczxc</option> 
 
<option value="zxczxvzxv">zxczxvzxv</option> 
 

 
</select> 
 

 
<textarea id="country"></textarea>

Ref

Answer 2

не снимая дисплей: нет в соответствии с вашим кодом, который вы используете загрузчик после его удаления, если он не работает, проверьте JQuery и яваскрипт ссылка шаблона как

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 



<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>