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

Registered : 109,037

HOME > PHP > PHP Forum > สอบถามการทำ Select หลายๆชั้นหน่อยครับ แบบในภาพครับ



 

สอบถามการทำ Select หลายๆชั้นหน่อยครับ แบบในภาพครับ

 



Topic : 113838



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



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




คือผมมีดาต้าเบสในภาพแรกครับ คือว่า ในเทเบิ้ล หมวดหมู่จะเรียงตาม Auto Id ปกติครับ แต่มีฟิวส์ชื่อ Parent เป็นการอ้างอิง
ทำ Sub เมนูลงไปอีกเช่น หัวข้อหลักอาจจะอยู Id1 หัวข้อรองแม้ตัวมันเองมี Idหลักเช่น Id2 ถ้าอยู่ภายใต้หัวข้อ Id1 จะมี
ฟิวส์ Parent นีแ่หละครับอ้างอิงเช่น ID1(หัวข้อหลัก Parent=0) ,ID2(หัวข้อสอง---> มีParent อ้างอิงคือ= 1) ก็จะไปเป็น Submenu
ทันทีครับ ผมจะทำ Select แบบในภาพได้อย่างไรครับ

sas
Database

wqwqwx

Code (PHP)
public function getFullSearchListLv1() {
		
		$db = JFactory::getDbo();
		$sql1 = "SELECT
					tb_k2_categories.id,tb_k2_categories.name,tb_k2_categories.parent
				FROM
					tb_k2_categories AS tb_k2_categories
				WHERE	tb_k2_categories.id != 0
				AND published = 1 
				AND trash = 0
				AND tb_k2_categories.parent = 0
				order by ordering ASC 
				";
		$db->setQuery($sql1);
		$list1 = $db->loadObjectList();
		
		return $list1;
		
	
	}


Code (PHP)
<?php 
	foreach ($this->FullSearchListLv1 as $item){
	$db = JFactory::getDbo();
	$sql = "SELECT `id`, `NAME`, `parent` FROM tb_k2_categories WHERE id >0 AND parent ='$item->id' "; 
	$db->setQuery($sql);
	$rs = $db->loadObjectList(); 
?>
	<div class="row-check2f" >
		<input type="checkbox" name="cat[]" value="<?php echo $item->id ?>" class="cat main">
		<span><?php echo $item->name ?></span>
<?php 	
	foreach ($rs as $item2){ 
?>
		<div class="row-check2f subcheck2f">
			<input style="margin-left:15px;" type="checkbox" name="cat[]" class="cat data" value="<?php echo $item2->id ?>">
			<span><?php echo $item2->NAME ?></span>
		</div>
<?php 
	}
?>
	</div>
<?php
}

?>


โค๊ดข้างต้น มันเป็นการเรียงเป็นตับๆๆ ออกมาครับ แต่เรียงออกมาเป็นเช็คบอคอ่ะครับ



Tag : PHP, HTML/CSS, JAVA






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2015-01-17 20:47:08 By : sarut14 View : 1014 Reply : 5
 

 

No. 1



โพสกระทู้ ( 9,586 )
บทความ ( 2 )



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


แบบนี้ ไม่เคยทำครับ มันง่ายไป 55555
ที่เคยทำ ทำเหมือนกับ เมนู พอเม้าส์คลิกก็จะ expand เอารายละเอียดออกมา
ผมจำได้ว่าเคยบอกไปแล้วมั้งครับ การ ul li ทำเมนู
Code (JavaScript)
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
.menu{ list-style: none; }
</style>
<script src="../jquery-2.1.1.min.js"></script>
<script>
function get_pos(obj) {
	if (obj){
		var pos = {x: obj.offsetLeft||0, y: obj.offsetTop||0, w: obj.offsetWidth-obj.offsetLeft, h: obj.offsetHeight-obj.offsetTop};
		while(obj = obj.offsetParent) { pos.x += obj.offsetLeft||0; pos.y += obj.offsetTop||0; }
		return pos;
	} else return { x:0, y:0, w:0, h:0};
}
///////////////////////////////////////////////////////////
$(document).ready(function(e) {
	$('.show_select').click(function(e) {
		var this_pos=get_pos( this );
		var css = { left: this_pos.x, top: 'auto', bottom:'auto', right:'auto'};
		if(($(window).height()/2)<this_pos.y) css.bottom= this_pos.y; else   css.top=this_pos.y+this_pos.h;
		$('#main_menu').css( css ).slideDown(500);
	});
	$('.li_main').click(function(e) {
		$('.show_select').val($(this).attr('data-id'));
		$(this).find('.menu').slideToggle(500);
	});
});
function sh( ob ){
	$('#slc_view').html( $(ob).html() );
}
</script>
</head>
<body>
<ul style="list-style: none">
<li><input type="text" readonly class="show_select" value="--select--"></li>
</ul>
<div class="menu_context" id="main_menu" style="position:absolute; display:none">
<ul class="menu">
	<li class="li_main" data-id="menu_1">TEST Menu 1
		<ul class="menu" style="display:none" id="menu_1" >
			<li>TEST subMenu 1.1</li>
			<li>TEST subMenu 1.2</li>
			<li>TEST subMenu 1.3</li>
			<li>TEST subMenu 1.4</li>
			<li>TEST subMenu 1.5</li>
		</ul>
	</li>
	<li class="li_main" data-id="menu_2">TEST Menu 2
		<ul class="menu" style="display:none" id="menu_2" >
			<li>TEST subMenu 2.1</li>
			<li>TEST subMenu 2.2</li>
			<li>TEST subMenu 2.3</li>
			<li>TEST subMenu 2.4</li>
			<li>TEST subMenu 2.5</li>
		</ul>
	</li>
	<li class="li_main" data-id="menu_3">TEST Menu 3
		<ul class="menu" style="display:none" id="menu_3" >
			<li>TEST subMenu 3.1</li>
			<li>TEST subMenu 3.2</li>
			<li>TEST subMenu 3.3</li>
			<li>TEST subMenu 3.4</li>
			<li>TEST subMenu 3.5</li>
		</ul>
	</li>
	<li class="li_main" data-id="menu_4">TEST Menu 4
		<ul class="menu" style="display:none" id="menu_4" >
			<li>TEST subMenu 4.1</li>
			<li>TEST subMenu 4.2</li>
			<li>TEST subMenu 4.3</li>
			<li>TEST subMenu 4.4</li>
			<li>TEST subMenu 4.5</li>
		</ul>
	</li>
	<li class="li_main" data-id="menu_5">TEST Menu 5
		<ul class="menu" style="display:none" id="menu_5" >
			<li>TEST subMenu 5.1</li>
			<li>TEST subMenu 5.2</li>
			<li>TEST subMenu 5.3</li>
			<li>TEST subMenu 5.4</li>
			<li>TEST subMenu 5.5</li>
		</ul>
	</li>
</ul>
</div>
</body>
</html>






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-01-18 11:22:40 By : Chaidhanan
 


 

No. 2



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



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


มันมีปัญหาเรื่องสคริปหน่อยครับพี่ชัย พอเจอหัวว่า <script src="../jquery-2.1.1.min.js"></script> เหมือนมันจะรวนอ่ะครับ
ผลเลยออกมาแบบนี้ครับ 555 ขอแบบง่ายก็ดีครับ อิอิ ขอบคุณครับ

qqzz

งงเหมือนกันครับ


ประวัติการแก้ไข
2015-01-18 17:18:35
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-01-18 17:17:20 By : sarut14
 

 

No. 3



โพสกระทู้ ( 9,586 )
บทความ ( 2 )



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


joomla add script
https://api.joomla.org/cms-3/classes/JDocumentHTML.html#method_addScript
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-01-18 17:25:16 By : Chaidhanan
 


 

No. 4



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



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


ขอบคุณครับพี่ชัย แต่ลิ้งเสีย 555
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-01-18 18:05:58 By : sarut14
 


 

No. 5



โพสกระทู้ ( 9,586 )
บทความ ( 2 )



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


ตอบความคิดเห็นที่ : 4 เขียนโดย : sarut14 เมื่อวันที่ 2015-01-18 18:05:58
รายละเอียดของการตอบ ::
กรรม เข้า page ไหน page นั้นตาย 55555


https://api.joomla.org/cms-3/classes/JDocument.html

ปล. ลิงค์ไม่ได้เสียหรอกครับ แต่ โปรแกรม redirect ผิด อะครับ ถ้าลองสังเกต บน browser address ตัว โคล่อน มันหายไป
เหลือแต่ https//


ประวัติการแก้ไข
2015-01-18 18:18:02
2015-01-18 18:20:17
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-01-18 18:17:13 By : Chaidhanan
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : สอบถามการทำ Select หลายๆชั้นหน่อยครับ แบบในภาพครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

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