2016-12-26 112 views
-1

我有一个下拉列表,它包含名称的列表和“更多” option.When上比较选项,用户点击,它会从数据库中装载更多的姓名和显示这些在dropdownlist.But名字,我要的是,当上了更多的选项,用户点击,下拉列表将与数据库中的数据扩大了什么,但不关闭dropdownlist.I已经使用Ajax调用从database.Currently填充下拉列表,当用户点击在更多选项,下拉列表将关闭并重新用户想要点击下拉列表看到更多options.Thanks提前的答案。扩大下降downlist当点击越选项

+0

的[我可以打开使用jQuery一个下拉列表(http://stackoverflow.com/questions/360431/can-i-open-a-dropdownlist-using-jquery) –

+0

发布您的代码可能重复和努力..你可以重新打开dropedown当你ajax调用响应来使用jQuery或JavaScript打开下拉将它,因为它是 – mean

+0

默认浏览器下拉不支持这一点。尝试使用jQuery插件来实现这种或类似的行为https://www.sitepoint.com/13-jquery-selectboxdrop-down-plugins/ – VadimB

回答

0
<!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> 
+0

谢谢你的答案,它是一个很好的。我试过这个解决方案。但是问题是重点放在下拉列表的第一个选项上。那不是我想要的。我想在'更多'选项之后关注第一个选项。 –