Javascript 单击“更多”选项时展开下拉列表
我有一个dropdownlist，它包含一个名称列表和一个“更多”选项。当用户单击“更多”选项时，它将从数据库加载更多名称并在dropdownlist中显示这些名称。但我想要的是，当用户单击“更多”选项时，dropdownlist将使用数据库中的数据展开，而不关闭dropdownlist。我已使用ajax调用从数据库填充dropdownlist。当前，当用户单击“更多”选项时，dropdownlist将关闭，并且用户希望再次单击dropdownlist以查看更多选项。提前感谢您的回答。Javascript 单击“更多”选项时展开下拉列表,javascript,jquery,.net,asp.net-mvc-2,Javascript,Jquery,.net,Asp.net Mvc 2,我有一个dropdownlist，它包含一个名称列表和一个“更多”选项。当用户单击“更多”选项时，它将从数据库加载更多名称并在dropdownlist中显示这些名称。但我想要的是，当用户单击“更多”选项时，dropdownlist将使用数据库中的数据展开，而不关闭dropdownlist。我已使用ajax调用从数据库填充dropdownlist。当前，当用户单击“更多”选项时，dropdownlist将关闭，并且用户希望再次单击dropdownlist以查看更多选项。提前感谢您的回答。 <
<!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>
函数showHideOther（）{
if（document.getElementById（'drop_down'）。value=='other'）{
$.get（“xyz.php”，函数（数据、状态）{
$（'drop#down'）.attr（'size'，4+data.length）；
});
}
}
请选择
A.
B
C
更多