Раскрывающийся список не должен закрываться, когда я делаю несколько флажков в раскрывающемся списке - PullRequest
0 голосов
/ 31 марта 2019

Привет! У меня есть функция поиска на ползунке. https://www.villasalesbali.com/. Для определения местоположения и типа свойства выберите раскрывающиеся списки + флажки. Но когда я попытался сделать несколько флажков, раскрывающийся список закрывается. Все, что я хочу, это когда пользователь все еще делает несколько флажков на поле, раскрывающийся список все еще открыт. но когда пользователь щелкнет другую область этого поля местоположения, раскрывающийся список закроется.

Я попытался использовать функцию триггера для отображения и раскрытия раскрывающегося списка, но теперь он не работает должным образом, поскольку пользователь должен иметь возможность устанавливать несколько флажков, не закрывая раскрывающийся список

var expanded = false;

function showCheckboxes2() {
 var checkboxes = document.getElementById("checkboxes2");
 if (!expanded) {
  checkboxes.style.display = "block";
  expanded = true;
 } else {
  checkboxes.style.display = "none";
  expanded = false;
 }


$(document).ready(function(){
    // Show hide popover
    $("#locationtrigger").click(function(){
        $(this).find("#checkboxes2").slideToggle("fast");
    });
});
$(document).on("click", function(event){
    var $trigger = $("#locationtrigger");
    if($trigger !== event.target && !$trigger.has(event.target).length){
        $("#checkboxes2").slideUp("fast");
    }            
});


<div id="locationtrigger" class="selectBox" onclick="showCheckboxes2()">
 <select  id=select-property-type class=search-select>
<option>Select an option</option>
 </select>
<div class="overSelect"></div>
</div>

<div id="checkboxes2">
 <label for="one">
<input type="checkbox" name="location[]" value="balangan"/>Balangan</label>
 <label for="two">
    <input type="checkbox" name="location[]" value="berawa"/>Berawa</label> 
 </div>

Я ожидаю, что раскрывающийся список все еще открыт, когда я делаю несколько флажков в раскрывающемся списке, но на самом деле не работает.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...