Question

我有一个下拉列表，它包含一个名称列表和一个“更多”选项。当用户单击更多选项时，它将从数据库中加载更多名称并在下拉列表中显示这些名称。但我想要的是当用户点击more选项时，dropdownlist将使用数据库中的数据进行扩展，而不关闭dropdownlist。我已使用ajax调用从数据库填充下拉列表。当前用户单击more选项时，下拉列表将关闭，再次用户想要点击下拉列表以查看更多选项。提前感谢您的答案。

Answer 1

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

单击更多选项时展开下拉列表

1 个答案: