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,451

HOME > PHP > PHP Forum > ผมทำ Multiple Select พอติ๊กแล้ว มีTag ขี้นว่าเราเลือกอันนี้ แต่ผมยังไม่สามารถให้มันselect กับ sql เพื่อแสดงข้อมูลได้ครับ เริม่ไม่ถูก



 

ผมทำ Multiple Select พอติ๊กแล้ว มีTag ขี้นว่าเราเลือกอันนี้ แต่ผมยังไม่สามารถให้มันselect กับ sql เพื่อแสดงข้อมูลได้ครับ เริม่ไม่ถูก

 



Topic : 121089



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



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




Multiple Select ผมเอารูปแบบมาจากเว็บนี้ครับ ทำออกมาได้แล้ว ลองทำให้มันติ๊ก โชค่าแล้วว่ามันติ๊กอะไรบ้าง แต่ทำต่อไม่ถูก

http://www.jqueryscript.net/form/jQuery-Plugin-For-Multi-Selectable-Tree-Structure-Tree-Multiselect.html

multiple

Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Multi Select</title>
<link href="dist/jquery.tree-multiselect.min.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="dist/jquery.tree-multiselect.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
</head>
<?php 
include "css/connect.php";

$sqlToyota = "SELECT cartype FROM car WHERE cartype = 'TOYOTA'";
$sqlCartype = "SELECT DISTINCT cartype FROM car ORDER BY cartype";
$resultsCartype = mysql_query($sqlCartype);
$resToyota = mysql_query($sqlToyota);
$numToyota = mysql_num_rows($resToyota);
?>
<body>
<form id="form_tree" name="form_tree" method="post" action="">
<select id="demo_tree" name="demo_tree[]" multiple="multiple" onchange="sendMultiSelect(this);">
  <option value="TOYOTA" data-section="Model">TOYOTA (<? echo $numToyota; ?>)</option>
  <?php while($rowCartype = mysql_fetch_array($resultsCartype)) { ?>
  <option value="<? echo $rowCartype['cartype']; ?>" data-section="Model"><? echo $rowCartype['cartype']; ?></option>
  <?php } ?>
  <option value="Black" data-section="Color">Black</option>
  <option value="While" data-section="Color">While</option>
  <option value="Red" data-section="Color">Red</option>
  <option value="Gold" data-section="Color">Gold</option>
  <option value="Silver" data-section="Color">Silver</option>
  <option value="Gray" data-section="Color">Gray</option>
  <option value="Green" data-section="Color">Green</option>
  <option value="Blue" data-section="Color">Blue</option>
  <option value="Orange" data-section="Color">Orange</option>
  <option value="Unknown" data-section="Color">Unknown</option>
</select>
</form>
<script type="text/javascript">

$("#demo_tree").treeMultiselect({

  // Sections have checkboxes which when checked, check everything within them
  allowBatchSelection: true,

  // Selected options can be sorted by dragging 
  // Requires jQuery UI
  sortable: false,

  // Adds collapsibility to sections
  collapsible: true,

  // Disables selection/deselection of options; aka display-only
  freeze: false,

  // Hide the right panel showing all the selected items
  hideSidePanel: false,

  // Only sections can be checked, not individual items
  onlyBatchSelection: false,

  // Separator between sections in the select option data-section attribute
  sectionDelimiter: '/',

  // Show section name on the selected items
  showSectionOnSelected: true,

  // Activated only if collapsible is true; sections are collapsed initially
  startCollapsed: false,

  // Callback
  onChange: null
  
});
</script>
<p><tt id="resultsMulti">
	
</tt></p>
<script type="text/javascript">
	function showMultiSelect() {
		var str = $( "form" ).serialize();
		$( "#resultsMulti" ).text( str );
	  }
	  $( "select" ).on( "change", showMultiSelect );
	  showMultiSelect();
	  
   
</script>
</body>
</html>




Tag : PHP, HTML/CSS, JavaScript, Ajax, jQuery, CakePHP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-01-27 15:13:31 By : best5566 View : 895 Reply : 4
 

 

No. 1



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

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

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

Code
$("input:checkbox[name=type]:checked").each(function(){ alert($(this).val()); });







แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-28 13:17:41 By : mr.win
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : mr.win เมื่อวันที่ 2016-01-28 13:17:41
รายละเอียดของการตอบ ::
คือยังไงหรอครับ ผมอยากจะกดติ๊ก แล้ว ให้แสดงข้อมูลตามที่ติ๊กอะครับ

อย่างถ้าผมให้มันแสดงข้อมูลทั้งหมดก่อน แล้วพอติ๊ก ก็เหลือแต่ข้อมูลที่ติ๊กอะครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-28 14:28:51 By : best5566
 

 

No. 3



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

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

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

ลอง alert ดูครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-29 09:05:02 By : mr.win
 


 

No. 4



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



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


ตอบความคิดเห็นที่ : 3 เขียนโดย : mr.win เมื่อวันที่ 2016-01-29 09:05:02
รายละเอียดของการตอบ ::
alert ค่า value มาได้ครับ แต่ผมไม่เข้าใจว่า จะทำยังไงให้ ค่า array แบบนี้ ส่งไปให้sql เพื่อ query database ออกมาอะครับ

สงสัยด้วยว่าจะเช็คยังไงให้data ออกมา ทั้งหมดก่อน แล้วพอติ๊ก ออกมาตามที่เลือก

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-30 11:45:45 By : best5566
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ผมทำ Multiple Select พอติ๊กแล้ว มีTag ขี้นว่าเราเลือกอันนี้ แต่ผมยังไม่สามารถให้มันselect กับ sql เพื่อแสดงข้อมูลได้ครับ เริม่ไม่ถูก
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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, รับทำเว็บไซต์ รับเขียนโปรแกรม , รับทำบัญชี , โรงงานผลิตครีม , สำนักงานบัญชี , รับจดทะเบียนบริษัท , Pangpond , รถมือสอง

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 อัตราราคา คลิกที่นี่