Question

我的网页中有4个select框，第1类，第2省，第3类，第4个用户，我需要根据第1个和第4个过滤第3个和第4个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>

Answer 1

您可以使用jQuery / AJAX来帮助解决此问题。

这个SO答案与您的需求类似：

dynamic drop down box?

此外，以下是AJAX如何工作以及它是什么的其他一些例子：

A simple example

More complicated example

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

theNewBoston AJAX course

使用php

1 个答案: