Question

我正在尝试创建一个表单，该表单将人员命名并搜索数据库以获取该人员的信息。它通过ajax进行搜索。我无法将表单变量名称放入我的JavaScript函数中进行数据检索：

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


</head>

<body>


<form id="teacher_search" action="?teacher_search" method="post" onsubmit="showUser(teacher_name)">
<font size=4>*Teacher Name:</font><input type="text" name="teacher_name" maxlength="12" size="12" required><br /><br />
<input type="submit" value="Find"/>

</form>

我在网上看到的帖子有一个选择元素而是使用它：

    <select name="users" onchange="showUser(this.value)">
<option value="">Select a person:</option>
  <option value="1">Peter Griffin</option>

工作正常。但是在我的改编中，我在firebug中看到了$ _POST变量，但str未定义。如何将teacher_name表单变量传递给我的showUser（）函数。此站点上的其他答案并未专门处理将表单输入变量作为参数传递给JavaScript函数。感谢。

将$ POST变量传递给JavaScript函数

0 个答案: