Javascript 使用php在客户端过滤选择框

我的网页中有4个

select

框，第一种类型，第二个省，第三种类型，第四个用户，我需要根据第一个和第二个筛选第三个和第四个

select

下拉框，即如果我

select

在第一个省购买节拍，在第二个省购买节拍，第四个框应显示所选省份的节拍制作人，第三个框以第一个框为基础，其工作正常。我的问题是用户框没有显示特定省份的用户

我已经在下面给出了我的代码，请帮助

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  
<form action="send_request.php" name="myForm1" method="post" onsubmit="return(validate1());">
<div class="sec1 lef">
 <select class="regtext sec1test" name="select" id="select1" style="width:99%">
    <option value="0">Select What?</option>
<option value="1">Features</option>
<option value="2">Video-shoot</option>
<option value="3">Buy Lyrics</option>
<option value="4">Buy Beats</option>
</select>
</div>

<div class="sec1 lef">
<select class="regtext sec1test" name="province" style="width:99%">
<option value="0">Select Province</option>
<?php
$select_province=mysql_query("SELECT * FROM `wilinkit_province` WHERE 1");
while($fetch_province=mysql_fetch_array($select_province))
{
echo "<option value='".$fetch_province['province_id']."'>".$fetch_province['province_name']."</option>";
}
?>
</select>
</div>
<div class="sec1 lef">
<select name="type" class="regtext sec1test" id="select2" style="width:99%">
  <option id="0" value="0">Select genre</option>
 <?php
    $select_genre=mysql_query("SELECT * FROM `wilinkit_genre` WHERE 1");
    while($fetch_genre=mysql_fetch_array($select_genre))
    {
        echo "<option value='".$fetch_genre['genre_id']."' data-id='1'>".$fetch_genre['genre_name']."</option>";
    }
?>
  <option value="2" data-id="2">models</option>
  <option value="3" data-id="3">Composer</option>
  <option value="4" data-id="4">Beatmaker</option>
</select>
</div>

<div class="sec1 lef">
<select name="name" class="regtext sec1test" id="select3" style="width:99%">
  <option id="0" value="0">Select User</option>
  <?php
$select_artist111=mysql_query("SELECT * FROM `wilinkit_users` WHERE 1");
while($fetch_artist111=mysql_fetch_array($select_artist111))
{
$user_type=$fetch_artist111['user_type'];
echo "<option value=".$fetch_artist111['username']." data-id='".$user_type."'>".$fetch_artist111['username']."</option>";
}
?>

</select>
</div>
<div class="sec2 lef" >
<input type="submit"  class="requestbutton" value="Request" />
</div>
</form>
 <script type="text/javascript">
    $(document).ready(function () {
var $select1=$("#select1");
var $select2=$("#select2");
var $select3=$("#select3");

$select1.data('options1', $select2.html())
$select1.data('options2', $select3.html())

$select1.change(function(){
    var val=$select1.val();
    var options1 = $($select1.data('options1')).filter('[data-id="'+val+'"]');
    var options2 = $($select1.data('options2')).filter('[data-id="'+val+'"]');
    $select2.html(options1);
    $select3.html(options2);
   });
 });
</script>

选择什么？
特征
视频拍摄
购买歌词
购买节拍
选择省
选择类型
模型
作曲家
打手
选择用户
$（文档）.ready（函数（）{
变量$select1=$（“#select1”）；
变量$select2=$（“#select2”）；
变量$select3=$（“#select3”）；
$select1.data（'options1'，$select2.html（））
$select1.data（'options2'，$select3.html（））
$select1.change（函数（）{
var val=$select1.val（）；
var options1=$（$select1.data（'options1'））.filter（“[data id=“”+val+“]）；
var options2=$（$select1.data（'options2'））.filter（'[data id=“'+val+']”）；
$select2.html（选项1）；
$select3.html（选项2）；
});
});

您可以使用jQuery/AJAX来帮助解决这个问题

因此，这个答案与您需要的答案类似：

此外，这里还有一些其他示例，说明AJAX是如何工作的，以及它是什么：

以下是关于AJAX的（免费）视频课程：

---

PHP是一种服务器端技术，而不是客户端技术。你需要研究AJAX。不是在php中，我需要JavaScription中的解决方案。你的问题标题是“使用php在客户端过滤选择框”。问题本身非常不清楚，你标记了它，并且包含了一堆php代码。如果你需要一个JavaScript解决方案，你需要去掉问题中非JavaScript的部分，然后问一个有重点的问题。请澄清问题。事实上，你问的问题非常不清楚。