1

我正在使用 javascript 和 php 来获取自动建议。

    <div>
        <div>
            University Name:<input type="text" size="20" name="uni" value="" id="uniString" onkeyup="lookup(this.value);" onblur="fill();">
        </div>

        <div class="suggestionsBox" id="suggestions" style="display: none;">
            <div class="suggestionList" id="autoSuggestionsList">
                &nbsp;
            </div>
        </div>
    </div>

当用户键入名称时，我会显示结果并使用填充函数来获取值。一切正常。但是有什么方法可以使用“thisValue”（即所选大学）来打印下拉列表？我想打印所选大学的课程，所以我写了这段代码：

function lookup(uniString) {
    if (uniString.length == 0) {
        // Make the suggestions box invisible
        $('#suggestions').hide();
    } else {
        $.post("autosuggestions.php", {
            universityString: "" + uniString + ""
        }, function(data) {
            if (data.length > 0) {
                $('#suggestions').show();
                $('#autoSuggestionsList').html(data);
            }
        });
    }
} // lookup

function fill(thisValue) {
    if (thisValue) {
        $('#uniString').val(thisValue);
        var strURL = "findCourse.php?uniString=" + thisValue;
        var req = getXMLHTTP();
        if (req) {
            req.onreadystatechange = function() {
                if (req.readyState == 4) {
                    // only if "OK"
                    if (req.status == 200) {
                        document.getElementById('coursediv').innerHTML = req.responseText;
                    } else {
                        alert("There was a problem while using XMLHTTP:\n" + req.statusText);
                    }
                }
            }
            req.open("GET", strURL, true);
            req.send(null);
        }
    } else {
        setTimeout("$('#suggestions').hide();", 200);
    }
}
findCourse.php: $uni = $_POST['uniString'];
$query = mysql_query("SELECT .... FROM .... WHERE university.uni_name='$uniString' AND .......");
if ($query) {
    ....
}`enter code here`

不幸的是，它不起作用。我用'document.write()'对其进行了测试。thisValue 打印了什么，它打印了大学名称（这就是我想要的）。但是当我将值传递给 php 文件 (getCourse.php) 时，结果值为 null。

任何人都可以帮助我吗？我很确定我的问题很愚蠢，对此我很抱歉，我在 javascript 方面不是很好。

4

3 回答 3

3 
req.open("GET", strURL, true);

$uni = $_POST['uniString'];

如果在 ajax 中使用 get 方法，则需要在 PHP 中使用 $_GET。

于 2013-03-19T16:56:20.807 回答
0

在您的以下代码中，您应该将“universityString”替换为“uniString”。

$.post("autosuggestions.php", {universityString: ""+uniString+""}, function(data){
  if(data.length >0) {
    $('#suggestions').show();
    $('#autoSuggestionsList').html(data);
  }
});
于 2013-03-19T16:58:09.090 回答
0

使用 jQuery .blur()

$('#uniString').blur(function() {
    if ( $('#uniString').val() =! '' )
    {
        // DO POST
    }
});

如需更多帮助，请学习.blur()

于 2013-03-19T17:29:38.153 回答