раскройте ниспадающий список, когда нажмете на более опцию.

-1

У меня есть раскрывающийся список, в котором содержится список имен и опция «больше». Когда пользователь нажимает на параметр больше, он будет загружать больше имен из базы данных и отображать те имена в раскрывающемся списке. Но то, что я хочу, когда пользователь нажимает на параметр больше, dropdownlist будет расширяться с данными из базы данных, не закрывая dropdownlist. Я использовал вызов ajax, чтобы заполнить выпадающий список из базы данных. В настоящее время, когда пользователь нажимает в случае большего варианта выпадающий список закроется, и снова пользователь захочет нажать на раскрывающийся список, чтобы увидеть больше параметров. Спасибо заранее за ответы.раскройте ниспадающий список, когда нажмете на более опцию.

источник

2016-12-26 Kesiya Abraham

Возможный дубликат [Могу ли я открыть DropDownList с помощью JQuery] (http://stackoverflow.com/questions/360431/can-i-open-a-dropdownlist-using-jquery) –

разместим ваш код и усилие .. и вы можете снова открыть выпадение, когда вы получите ответ на ajax, используя jquery или javascript, чтобы открыть раскрывающийся список, как это будет – mean

Default dropdown браузера не поддерживает это. Попробуйте использовать плагины jQuery для достижения этого или подобного поведения https://www.sitepoint.com/13-jquery-selectboxdrop-down-plugins/ – VadimB

<!DOCTYPE html> 
<html> 
<body> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script> 
function showHideOther(){ 
    if (document.getElementById('drop_down').value == 'other') { 

     $.get("xyz.php", function(data, status){ 
     $('#drop_down').attr('size',4+data.length); 
     }); 


    } 
} 
</script> 
<select name="" id="drop_down" onchange="showHideOther();"> 
     <option value="choose">Please choose</option> 
     <option value="Allure">a</option> 
     <option value="Elle">b</option> 
     <option value="In-Style">c</option> 
     <option value="other">More</option> 
</select> 
</body> 
</html>

источник

2016-12-26 09:29:58 mean

Спасибо за ответ. Он хороший. Я пробовал это решение. Но проблема в том, что основное внимание уделяется первому варианту выпадающего списка. Этого я не хотел. Я хочу сосредоточиться на первом варианте после опции «больше». –

раскройте ниспадающий список, когда нажмете на более опцию.

ответ

Смежные вопросы