使用整个DIV作为带有onchange的按钮以刷新内容

时间:2018-08-21 13:22:45

标签: javascript jquery html css ajax

我不知道该如何进行,需要您的帮助!

目标是使用多个<DIV>:作为列表,列表项从AJAX / SQL中列出。当用户单击<DIV>:s之一时,应更改“ #main” <DIV>以查看有关列表中单击的特定<DIV>的信息。希望您关注。

现在,我找到了一个脚本,并通过使用<form><select><option>使其工作,如下面的脚本所示。

但是,我希望列表中的<select>作为链接,而不是此下拉列表,例如<DIV>或类似形式,以便使“ #main”的内容<a>的更改没有刷新整个页面,也没有。

如果您需要更多信息,请告诉我!

AJAX:

<div>

HTML

<script>
function showUser(str) {
    if (str == "") {
        document.getElementById("txtHint").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 (this.readyState == 4 && this.status == 200) {
                document.getElementById("txtHint").innerHTML = this.responseText;
            }
        };
        xmlhttp.open("GET","getuser.php?q="+str,true);
        xmlhttp.send();
    }
}
</script>

1 个答案:

答案 0 :(得分:1)

使用了已发布但已删除的答案,因此,如果有人遇到相同的问题,可以采用以下方法: ANSWER