ss.php“， 数据：“工人=”+w， 成功：功能（数据）{ //警报（数据）； $（'laDiv'）.html（数据）； } })；//结束ajax }); })；//END$（document）.ready（） 工人： 罗伊 约翰 戴夫
PROCESS.PHPss.php“， 数据：“工人=”+w， 成功：功能（数据）{ //警报（数据）； $（'laDiv'）.html（数据）； } })；//结束ajax }); })；//END$（document）.ready（） 工人： 罗伊 约翰 戴夫,php,javascript,sql,Php,Javascript,Sql,PROCESS.PHP <?php $w = $_POST['worker']; $ret = ' Fruit Options: <select id="fruitopts" name="Select2"> '; if ($w == 'Roy'){ $ret .= ' <option>Apples</option> <option>Oranges</option>
<?php
$w = $_POST['worker'];
$ret = '
Fruit Options:
<select id="fruitopts" name="Select2">
';
if ($w == 'Roy'){
$ret .= '
<option>Apples</option>
<option>Oranges</option>
<option>Pears</option>
';
}else if ($w == 'John') {
$ret .= '
<option>Peaches</option>
<option>Grapes</option>
<option>Melons</option>
';
}else if ($w == 'Dave') {
$ret .= '
<option>Nut</option>
<option>Jelly</option>
';
}
$ret .= '</select>';
echo $ret;
这里是一个独立的示例，它可以实现您想要的功能。它一开始可能看起来很复杂，但通过jQuery实现AJAX非常简单
此示例使用两个文件：
1） PHP-包含javascript/AJAX和带有
控件的HTML
2） PHP-从test.PHP接收数据（通过AJAX），对该数据运行MySQL查找，并将HTML返回给test.PHP
TEST.PHP
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#workers").change(function(event) {
var w = $(this).val();
//alert('Value of w is: ' + w);
//return false;
$.ajax({
type: "POST",
url: "process.php",
data: 'worker=' + w,
success:function(data){
//alert(data);
$('#laDiv').html(data);
}
}); //END ajax
});
}); //END $(document).ready()
</script>
</head>
<body>
Worker:
<select id="workers">
<option>Roy</option>
<option>John</option>
<option>Dave</option>
</select>
<div id="laDiv"></div>
</body>
</html>
$（文档）.ready（函数（）{
$（“#工作者”）。更改（功能（事件）{
var w=$（this.val（）；
//警报（“w值为：”+w）；
//返回false；
$.ajax({
类型：“POST”，
url:“process.php”，
数据：“工人=”+w，
成功：功能（数据）{
//警报（数据）；
$（'laDiv'）.html（数据）；
}
})；//结束ajax
});
})；//END$（document）.ready（）
工人：
罗伊
约翰
戴夫
PROCESS.PHP
<?php
$w = $_POST['worker'];
$ret = '
Fruit Options:
<select id="fruitopts" name="Select2">
';
if ($w == 'Roy'){
$ret .= '
<option>Apples</option>
<option>Oranges</option>
<option>Pears</option>
';
}else if ($w == 'John') {
$ret .= '
<option>Peaches</option>
<option>Grapes</option>
<option>Melons</option>
';
}else if ($w == 'Dave') {
$ret .= '
<option>Nut</option>
<option>Jelly</option>
';
}
$ret .= '</select>';
echo $ret;
使用
使用
ajax。使用ajax，将不会重新加载页面。尝试Jquery ajax函数，使其更简单。使用ajax
更改第二个选项OK即可，感谢您的快速回答。学习Jquery/ajax的时间到了！我提供了一个独立的示例，应该是一个非常快速的学习。只需将其复制/粘贴到两个文件中，然后运行。，而不是这样做您需要修改的MySQL查找，我只使用if（条件）根据第一个选择框中的选择返回不同的HTML。
希望您能找到一个简单、直接的示例。ajax。使用ajax，将不会重新加载页面。尝试Jquery ajax函数，使其更简单。使用ajax
更改第二个选择OK即可，感谢您的快速回答。是时候学习Jquery/ajax了！我提供了这是一个独立的示例，应该是一个非常快速的学习。只需复制/粘贴到两个文件中，然后运行。我没有进行需要修改的MySQL查找，而是使用if（条件）根据在第一个选择框中所做的选择返回不同的HTML。
希望您发现这是一个简单、直接的示例。
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#workers").change(function(event) {
var w = $(this).val();
//alert('Value of w is: ' + w);
//return false;
$.ajax({
type: "POST",
url: "process.php",
data: 'worker=' + w,
success:function(data){
//alert(data);
$('#laDiv').html(data);
}
}); //END ajax
});
}); //END $(document).ready()
</script>
</head>
<body>
Worker:
<select id="workers">
<option>Roy</option>
<option>John</option>
<option>Dave</option>
</select>
<div id="laDiv"></div>
</body>
</html>
<?php
$w = $_POST['worker'];
$ret = '
Fruit Options:
<select id="fruitopts" name="Select2">
';
if ($w == 'Roy'){
$ret .= '
<option>Apples</option>
<option>Oranges</option>
<option>Pears</option>
';
}else if ($w == 'John') {
$ret .= '
<option>Peaches</option>
<option>Grapes</option>
<option>Melons</option>
';
}else if ($w == 'Dave') {
$ret .= '
<option>Nut</option>
<option>Jelly</option>
';
}
$ret .= '</select>';
echo $ret;
<script src="jquery.chained.min.js"></script>
<select id="mark" name="mark">
<?php
foreach($select1_opt as $opt)
{
echo "<option value=$opt>$opt</option>";
}
?>
</select>
<select id="series" name="series">
<?php
foreach($select2_opt as $opt)
{
echo "<option value=$opt>$opt</option>";
}
?>
</select>