Question

只是一个快速的我想要填充三个下拉框来过滤数据，其中每一个都将影响下一个。

我想要的是

下拉1有公司

选择下拉列表1后，第二个下拉列表将填充该公司的分支

一旦选定，第三个下拉列表将由该分支机构中该公司的工作人员填充，然后当我按下搜索时，它应该为该1名工作人员提取数据。所有信息都在一个表中

我所拥有的表名为＆＃34; stafflist＆＃34;

列是＆＃34;公司＆＃34;，＆＃34;分支＆＃34;和＆＃34; staffname＆＃34;每个工作人员都有一个autonumber id字段，我将其用作名为＆＃34; staffID＆＃34;

的查找

感谢您的帮助

此致 Slowie

Answer 1

让我们举一个简单的例子，这是一个javascript解决方案。我正在使用它，它完全正常。如果您选择在第二个下拉列表中填充其相应城市的国家/地区，则此脚本可以使用。您可以采取一些想法，并将其用于您可以分别处理三个下拉列表的情况。

这是国家/地区下拉列表：

<?php
        $countrylist=mysql_query("SELECT * FROM country ORDER BY name ASC");
        echo "<select name='country' id='country' onchange=\"reload(this.form)\" title='Country e:g; United Kingdom,Pakistan'><option value='0'>Select Country</option>";
        while($clist=mysql_fetch_array($countrylist))
        {
        echo "<option value='$clist[Name]'>$clist[Name]</option>"."<br/>";
        }
        echo "</select>";
 ?>

这是区域下拉列表：

<select name="region" id="region" ></select>

现在创建一个名为crlist.js的单独文件，并将其包含在具有以下代码的页面中：

<script  type="text/javascript" src="crlist.js"> </script>

crlist.js的代码：

var request = false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
request = false;
}
}
@end @*/
function fillSelect(country,path) {
var url = path+"crlist.php?country=" + country;
request.open("GET", url, true);
request.onreadystatechange = go;
request.send(null);
}

function go() {
if (request.readyState == 4) {
//if (request.status == 200) {

var response = request.responseText;

var list=document.getElementById("region");
            for (i = list.length - 1; i>=0; i--) {
                list.remove(i);
            }
var records=response.split('|');
for (i=1; i<records.length; i++) {
    //alert("rcord="+records[i]);
    var record=records[i].split('*');
    var region=record[0];
    //alert("region="+region);
    var regionid=record[1];
    //alert("regionid="+regionid);
    var x=document.createElement('option');
    //var y=document.createTextNode(region);
    x.text=region;
    //x.value=region;
    //alert(x.text);
   //x.appendChild(y);
   //list.appendChild(x);
   list.options.add(x);
   }
  //}
 }
}

function initCs(path) {

if (!request && typeof XMLHttpRequest != 'undefined') {
request = new XMLHttpRequest();
}
var country=document.getElementById('country');
    country.onchange=function() {

        if(this.value!="Select") {

            var list=document.getElementById("region");
            for (i = list.length - 1; i>=0; i--) {
                list.remove(i);
            }
        //while (list.childNodes[0]) {
        //list.removeChild(list.childNodes[0]);
        //}
        }
        fillSelect(this.value,path);
        //alert(this.value);

    }
//fillSelect(country.value);
}

现在创建一个名为crlist.php的单独文件。

crlist.php的代码：

<?php
require_once 'yourconfigfile.php';

$cname = $_GET['country'];

$query="select ID,Name from city where CountryCode=(select code from country where name='$cname') Order By Name ASC";
$res = mysql_query($query) or die(mysql_error());
while($region = mysql_fetch_array($res)){
    echo "<option value='".$region['Name']."'>".$region['Name']."</option>";
}       
?>

现在在有下拉列表的页面上添加以下脚本：

<script  type="text/javascript" src="crlist.js"> </script>
<script>
$(document).ready(function() {

    initCs("");

});
</script>

这是我自己的脚本，我假设你已经创建了国家和地区表。但是您需要根据数据库结构调整查询和上面的代码。在您的情况下，您必须为公司，分支机构和员工创建表。

希望这有帮助。

Answer 2

你听说过AJAX()或jQuery吗？如果没有，那么先参考这些链接;实际上，对于您的任务，您需要使用基于Ajax OR jquery的下拉框。这可以让你的梦想成功。 :)

请参阅下面的your solution链接。

如果需要任何帮助，您可以随时问我..

根据您的通讯编辑：

Step-1:- "SELECT company_id,company_name from company_table WHERE $condition ";

Step-2:- Fill first drop down box with record of first query set.

Step-3:- call jquery.ajax function onchange event of first drop down box in which call one 
php page i.e: getRecords.php.

Step-4:- In getRecords.php page you need to get all the Branches of that company by passing company id in ajax and return a record array as response.

Step-5:- Fill second drop down with these records and again onchange event call another jquery.ajax request for final drop down box and do all things same as Step-4.

我认为你需要的所有步骤。仍然有任何问题让我告知。

感谢。

在php中填充下拉框

2 个答案: