扩大下降downlist当点击越选项
问题描述:
我有一个下拉列表,它包含名称的列表和“更多” option.When上比较选项,用户点击,它会从数据库中装载更多的姓名和显示这些在dropdownlist.But名字,我要的是,当上了更多的选项,用户点击,下拉列表将与数据库中的数据扩大了什么,但不关闭dropdownlist.I已经使用Ajax调用从database.Currently填充下拉列表,当用户点击在更多选项,下拉列表将关闭并重新用户想要点击下拉列表看到更多options.Thanks提前的答案。扩大下降downlist当点击越选项
答
<!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
谢谢你的答案,它是一个很好的。我试过这个解决方案。但是问题是重点放在下拉列表的第一个选项上。那不是我想要的。我想在'更多'选项之后关注第一个选项。 –
的[我可以打开使用jQuery一个下拉列表(http://*.com/questions/360431/can-i-open-a-dropdownlist-using-jquery) –
发布您的代码可能重复和努力..你可以重新打开dropedown当你ajax调用响应来使用jQuery或JavaScript打开下拉将它,因为它是 – mean
默认浏览器下拉不支持这一点。尝试使用jQuery插件来实现这种或类似的行为https://www.sitepoint.com/13-jquery-selectboxdrop-down-plugins/ – VadimB