Question

我还想要一个包含多个选择的列表框以及上面的代码，但它不能正常工作

$ cnty 是变量（listbox - multiselection）。

下面是我使用的完整ajax函数。

<script language="javascript" type="text/javascript">


function ajaxFunction(){
    var ajaxRequest;  // The variable that makes Ajax possible!

    try{
        // Opera 8.0+, Firefox, Safari
        ajaxRequest = new XMLHttpRequest();
    } catch (e){
        // Internet Explorer Browsers
        try{
            ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try{
                ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e){
                // Something went wrong
                alert("Your browser broke!");
                return false;
            }
        }
    }
    // Create a function that will receive data sent from the server
    ajaxRequest.onreadystatechange = function(){
        if(ajaxRequest.readyState == 4){
            //document.myForm.time.value = ajaxRequest.responseText;
            document.getElementById("result").innerHTML=ajaxRequest.responseText

        }
    }

    var dav = document.getElementById('dav').value;
    var pathogen = document.getElementById('pathogen').value;
    var topic1 = document.getElementById('topic1').value;
    var ind1 = document.getElementById('ind1').value;
    var subindg1 = document.getElementById('subindg1').value;
    var cnty = document.getElementById('countryRF').value;

    var queryString = "?dav=" + dav + "&pathogen=" + pathogen + "&topic1=" + topic1 + "&ind1=" + encodeURIComponent(ind1) + "&subindg1=" + encodeURIComponent(subindg1) +  "&cnty=" + encodeURIComponent(cnty);
    ajaxRequest.open("GET", "sortby.php" + queryString, true);
    ajaxRequest.send(null);
}


</script>

sortby.php页面

<?php

                                $con = mysql_connect("localhost","root","adminpp");
                                mysql_select_db("pdata", $con);
$datav=$_GET["dav"];
$pathogen=$_GET["pathogen"];
$topic1=$_GET["topic1"];
$ind1=$_GET['ind1'];
$subindg1=$_GET["subindg1"];
$cnty=$_GET['cnty'];



echo $subindg1;
echo $cnty;

?>

Answer 1

有多种方法可以通过Ajax将多选列表传递给服务器。这只是其中之一......甚至可能都不是最好的。：）

我将在整个过程中使用变量名称multisel，以便您可以轻松找到它并查看如何使用它。

将此功能添加到您的javascript

function loopSelected(selObj)
{
    var selectedArray = new Array();
    var i;
    var count = 0;
    for (i=0; i<selObj.options.length; i++) {
        if (selObj.options[i].selected) {
            selectedArray[count] = selObj.options[i].value;
            count++;
        }
    }
    return selectedArray;
}

现在，在变量之后将以下行添加到ajaxFunction。

var selObj = document.getElementById('multistore');

var multisel = loopSelected(selObj).join('~');  // join array into a string

最后，在PHP中，添加这些行

$multisel = $_GET['multisel'];
$multisel_array = explode('~',$multisel);   // split the items into an array

var_dump($multisel_array);

此时所有选定的项目都在$multisel_array。

如何在php ajax中传递多个列表框值获取url？

1 个答案: