Question

嗨我有下面的代码，当选择另一个下拉列表中的选项时，会向页面加载一个下拉菜单。

<script>
function showGroup(str) {
    if (str == "") {
        document.getElementById("groupselect").innerHTML = "";
        return;
    } else { 
        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById("groupselect").innerHTML = xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET","groups.php?q="+str,true);
        xmlhttp.send();
    }
}
</script>

并在文件groups.php中我有这个代码

<div class='form-group' >   
            <label>Groups:</label>
            <select id='group' name='groups[]' multiple='multiple'>



            <option value='agis'>agis</option>
            <option value='idas'>idas</option>
            <option value='alkap'>alkap</option>
            <option value='dkan'>dkan</option>

            </select>

            <script src="js/jquery.multiple.select.js"></script>                

            <script>
            $("#group").multipleSelect();
            </script>

当它返回css并且所有jquery都无法正常工作时。如果我单独运行groups.php它完美无缺。有人可以帮忙吗？谢谢！

Answer 1

您可能需要在AJAX调用后构建下拉菜单。所以试试这个：

if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
    document.getElementById("groupselect").innerHTML = xmlhttp.responseText;
    $("#group").multipleSelect();
}

从groups.php删除脚本，并将jquery.multiple.select.js放入AJAX页面。

在AJAX xmlhttp.responseText之后，Bootstrap没有显示css

1 个答案: