ต้องการทำ drop down ค้นหาแบบซ้อนกัน แบบนี้ค่ะ ทำยังไงคะ

  <script src="http://code.jquery.com/jquery-1.8.3.js "></script>
  <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
  <style type="text/css">
  </style>
  <script type="text/javascript">
	$(document).ready(function(){
		$("#firstSelection").change(function(){
			var index = $("option:selected",this).index();
			if( index >= 1 && index < 3){
				$("#search").show();
				$("#secondSelection").hide(); 
			}else if(index == 3){
				$("#secondSelection").show();
				$("#search").hide();
			}else{
				$("#secondSelection").hide();
				$("#search").hide();
			}        
		});
	});
  </script>
  <form method="post">
<select name="firstSelection" id="firstSelection">
    <option>เลือก</option>
    <option value='รหัส'>รหัส</option>
    <option value='ชื่อ'>ชื่อ</option>
    <option value='ประเภท'>ประเภท</option>
</select>
<select name="secondSelection" id="secondSelection" style="display:none;">
    <option value='กล่อง'>กล่อง</option>
    <option value='ขวด'>ขวด</option>
    <option value='แพ็ค'>แพ็ค</option>
</select>
<input type="text" name="search" id="search" style="display:none;" placeholder="ค้นหา" />
<input type="submit" name="searchBtn" id="searchBtn" value="ทำการค้นหา" />
</form>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<script type="text/javascript">
function hideshow()
{
var s1= document.getElementById('type');

if( s1.options[s1.selectedIndex].text=="รหัส")
{document.getElementById('sub_1').style.display = "block";}else{document.getElementById('sub_1').style.display = "none";}

if( s1.options[s1.selectedIndex].text=="ชื่อ")
{document.getElementById('sub_2').style.display = "block";}else{document.getElementById('sub_2').style.display = "none";}

if( s1.options[s1.selectedIndex].text=="ประเภท")
{document.getElementById('sub_3').style.display = "block";}else{document.getElementById('sub_3').style.display = "none";}
}

</script>
<form method="post">
<select name="type" id="type" onChange="hideshow()">
    <option>เลือก</option>
    <option value='รหัส'>รหัส</option>
    <option value='ชื่อ'>ชื่อ</option>
    <option value='ประเภท'>ประเภท</option>
</select>
<input type="text" name="sub_1" id="sub_1" style="display:none;" value="นี่คือกล่อง sub1 รหัส"  />
<input type="text" name="sub_2" id="sub_2" style="display:none;" value="นี่คือกล่อง sub2 ชื่อ"  />
<select name="sub_3" id="sub_3" style="display:none;" value="นี่คือกล่อง sub3 ประเภท" >
    <option value='กล่อง'>กล่อง</option>
    <option value='ขวด'>ขวด</option>
    <option value='แพ็ค'>แพ็ค</option>
</select>

<input type="submit" name="searchBtn" id="searchBtn" value="ทำการค้นหา" />
</form>

//ถามเพิ่มค่ะ ตรง $name=$_REQUEST[search]; จะดึงมาจาก textbox
<input type="text" name="sub_1" id="sub_1" style="display:none;" placeholder="ค้นหา" />
<input type="text" name="sub_2" id="sub_2" style="display:none;" placeholder="ค้นหา" />
<input type="text" name="sub_3" id="sub_3" style="display:none;" placeholder="ค้นหา" />
//ยังไงคะ มันเป็นการใส่ให้ค้นหาค่ะ

$name1 = $_REQUEST["sub_1"];
$name2 = $_REQUEST["sub_2"];
$name3 = $_REQUEST["sub_3"];

  <?php 
  include("config_mysqli.php") ;

  $sql = "SELECT data_user.*,data_car.*,data_prb.*,data_ins.* FROM data_user 
              left JOIN data_car on data_user.id=data_car.id
              left JOIN data_prb on data_user.id=data_prb.id
              left join data_ins on data_user.id=data_ins.id
              WHERE data_user.member_id = 'admin'";

  $query = mysqli_query($conn,$sql);
?>

  <script src="http://code.jquery.com/jquery-1.8.3.js "></script>
  <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
  <style type="text/css">
  </style>
  <script type="text/javascript">
  $(document).ready(function(){
    $("#firstSelection").change(function(){
      var index = $("option:selected",this).index();
      if( index >= 1 && index < 3){
        $("#search").show();
        $("#secondSelection").hide(); 
      }else if(index == 3){
        $("#secondSelection").show();
        $("#search").hide();
      }else{
        $("#secondSelection").hide();
        $("#search").hide();
      }        
    });
  });
  </script>
  <form name="frmSearch" method="post">

<select name="firstSelection" id="firstSelection">
    <option>เลือก</option>
    <option value='name'>ชื่อ</option>
    <option value='car_num'>ทะเบียน</option>
    <option value='month'>เดือน</option>
</select>
<?php 

// เขียนดัก  ถ้าหากมันมีคนแอบมาเล่นมั่วๆ ไม่ส่งค่ากลับมา เราก็แก้ปัญหาโดยการกำหนดค่าปกติของมันไปเลย
if(isset($POST_['firstSelection'])) {
  $firstSelection = $POST_['firstSelection'];
} else {
  $firstSelection = "name";
}
// เช็คว่า  ว่าที่เลือกมาเป็นแบบไหน
if($firstSelection=="name") {
  // ใส่ Code คิวรี่ที่อยากให้ PHP ทำถ้าเกิดเลือก 
 $sql = "SELECT * FROM data_user WHERE data_user.member_id = 'admin'
          and (name LIKE '%".$firstSelection."%')";
   $query = mysqli_query($conn,$sql);


 } elseif($firstSelection=="car_num") {
  // ใส่ Code คิวรี่ที่อยากให้ PHP ทำถ้าเกิดเลือก


} elseif($firstSelection=="month") {
  // ใส่ Code คิวรี่ที่อยากให้ PHP ทำถ้าเกิดเลือก
  
}
 ?>

<select name="secondSelection" id="secondSelection" style="display:none;">
    <option value='กล่อง'>กล่อง</option>
    <option value='ขวด'>ขวด</option>
    <option value='แพ็ค'>แพ็ค</option>
</select>
<input type="text" name="search" id="search" style="display:none;" placeholder="ค้นหา" />
<input type="submit" name="searchBtn" id="searchBtn" value="ทำการค้นหา" />
</form>

 <?php 
while($result=mysqli_fetch_array($query,MYSQLI_ASSOC)) 


 echo $result["name"];?>