Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 108,216

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



 

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

 



Topic : 101826



โพสกระทู้ ( 79 )
บทความ ( 0 )



สถานะออฟไลน์




list

ตามรูป
drop down แรกมีให้เลือก รหัส ชื่อ ประเภท

ถ้าเลือกรหัส ก็ให้ขึ้น textbox ให้พิมพ์ค้นหา
ถ้าเลือกชื่อ ก็ให้ขึ้น textbox ให้พิมพ์ค้นหา
ถ้าเลือกประเภท ก็ให้ขึ้น drop down ให้เลือกตามประเภท เช่น กล่อง ขวด แพ็ค เหมือน drop down อันสอง แล้วค้นหา

ทำยังไงเหรอคะ



Tag : PHP, MySQL







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-10-18 20:25:00 By : tiktok16 View : 1818 Reply : 10
 

 

No. 1



โพสกระทู้ ( 3,155 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


http://jsfiddle.net/fMWVS/1/
  <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>








แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-18 22:51:45 By : sakuraei
 


 

No. 2



โพสกระทู้ ( 79 )
บทความ ( 0 )



สถานะออฟไลน์


ดูโค๊ดเต็มๆให้ทีค่ะ พอเลือกแล้วไม่โชว์ textbox กับ dropdown ขึ้นมาค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-19 00:52:17 By : tiktok16
 

 

No. 3



โพสกระทู้ ( 1,666 )
บทความ ( 0 )



สถานะออฟไลน์


ของคุณ Unidentifier คห.1 เค้ามีการดึง Jquery เข้ามาครับ ถ้าคุณไม่ได้ติดตั้ง jquery หรือ ไม่ได้ต่อเน็ตอยู่โค้ดจะไม่ทำงาน

เอาของผมไปลองดีกว่า เขียนไม่เทพแต่ work แน่ อิอิ

Code (PHP)
<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>


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-19 01:10:12 By : meannerss
 


 

No. 5



โพสกระทู้ ( 1,666 )
บทความ ( 0 )



สถานะออฟไลน์


ผมงงกับระบบและความต้องการของงานนี้มากๆเลยครับ เอ่อ ก่อนอื่นถามว่า โค้ดที่ผมโพสไว้ ไช่ที่ต้องการไหม ผลลัพท์คือประมาณนี้ไหมครับ .. . ผมตอบคำถามถูกจุดไหมนิ T__T
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-19 01:56:33 By : meannerss
 


 

No. 6



โพสกระทู้ ( 79 )
บทความ ( 0 )



สถานะออฟไลน์


แบบนี้แหละค่ะ แต่ส่วน dropdown อันสองที่จะให้โชว์เมื่อเลือก เป็นการดึงจากดาต้าเบส แล้วให้ select ค้นหาข้อมูลตาม รหัส ชื่อ ประเภท ค่ะ ส่วน textbox ที่ให้โชว์ ให้เราระบุคำค้นลงไปค่ะ เอาโค๊ดคุณ meannerss ที่ให้มา รันได้ค่ะ แต่พอลองทำเองรันไม่ขึ้น
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-19 02:18:01 By : tiktok16
 


 

No. 7



โพสกระทู้ ( 3,155 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ตอบความคิดเห็นที่ : 2 เขียนโดย : tiktok16 เมื่อวันที่ 2013-10-19 00:52:17
รายละเอียดของการตอบ ::
Quote:
<?PHP
session_start();
include "connect.php";
mysql_query("SET NAMES'utf-8'")
?>

<style type="text/css">
<script src="http://code.jquery.com/jquery-1.8.3.js "></script>
<script type="text/javascript">
$(document).ready(function(){

เอาบรรทัดนี้ออกก็จะใช้ได้ครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-19 07:01:48 By : sakuraei
 


 

No. 8



โพสกระทู้ ( 3,155 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


Code (PHP)
//ถามเพิ่มค่ะ ตรง $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"];

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-19 07:25:57 By : sakuraei
 


 

No. 9



โพสกระทู้ ( 224 )
บทความ ( 0 )



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 3 เขียนโดย : meannerss เมื่อวันที่ 2013-10-19 01:10:12
รายละเอียดของการตอบ ::

ขอตัวอย่าง วิธีเขียน SQL เพื่อดึงการค้นหาอันนี้หน่อยสิครับ ต้องเขียนแบบไหนครับ


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-02-22 19:38:33 By : lhumdin
 


 

No. 10



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-02-23 09:02:09 By : mr.win
 


 

No. 11



โพสกระทู้ ( 224 )
บทความ ( 0 )



สถานะออฟไลน์


แนะนำทีครับ

กดค้นหาแล้วไม่มีไรแสดงออกมาครับ

Code (PHP)
  <?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"];?>



แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-02-23 13:49:39 By : lhumdin
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ต้องการทำ drop down ค้นหาแบบซ้อนกัน แบบนี้ค่ะ ทำยังไงคะ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม , รับทำบัญชี , โรงงานผลิตครีม , สำนักงานบัญชี , รับจดทะเบียนบริษัท

Load balance : Server 00
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2020 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่