引导程序在AJAX xmlhttp.responseText之后不显示css

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页面。