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 > ขอสอบถามหน่อยครับถ้าต้อง การจะวนลูป ดรอปดาวน์ ในแต่ละแถว ต้องเริ่ม ใส่ วนลูปตรงไหนคครับ ช่วยแนะนำหนอยครับ



 

ขอสอบถามหน่อยครับถ้าต้อง การจะวนลูป ดรอปดาวน์ ในแต่ละแถว ต้องเริ่ม ใส่ วนลูปตรงไหนคครับ ช่วยแนะนำหนอยครับ

 



Topic : 130680



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



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




ตัวอยาง
------------------------------------------------------------------โค้ด ดึงมูล มาเป็น ดรอปดาวน์-------------------------------------------------
Code (JavaScript)
<script language=Javascript>
        function Inint_AJAX() {
           try { return new ActiveXObject("Msxml2.XMLHTTP");  } catch(e) {} //IE
           try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {} //IE
           try { return new XMLHttpRequest();          } catch(e) {} //Native Javascript
           alert("XMLHttpRequest not supported");
           return null;
        };

        function dochange(src, val) {
             var req = Inint_AJAX();
             req.onreadystatechange = function () { 
                  if (req.readyState==4) {
                       if (req.status==200) {
                            document.getElementById(src).innerHTML=req.responseText; //รับค่ากลับมา
                       } 
                  }
             };
             req.open("GET", "localtion.php?data="+src+"&val="+val); //สร้าง connection
             req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=utf-8"); // set Header
             req.send(null); //ส่งค่า
        }
        window.onLoad=dochange('type', -1);     
    </script>



-------------------------------------------------------------โค้ด เพิ่มจำนวนแถว-------------------------------------------------------------------------

Code (JavaScript)
<script type="text/javascript">
$(function(){
    $("#addRow").click(function(){  
      $(".cssTR:eq(0)").clone(true)   
        .insertAfter($("#myTbl tr.cssTR:last"));  
        $(".css_input:eq(0)").trigger("change");// กำหนดเมื่อโหลด ทำงานหาผลรวมทันที 
    });  
    $("#removeRow").click(function(){  
        // // ส่วนสำหรับการลบ  
        if($("#myTbl tr.cssTR").size()>1){ // จะลบรายการได้ อย่างน้อย ต้องมี 1 รายการ  
            $("#myTbl tr.cssTR:last").remove(); // ลบรายการสุดท้าย  
        }else{  
            // เหลือ 1 รายการลบไม่ได้  
            alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ");  
        }  
    });   
 
});
</script>



------------------------------------หน้าแสดงผล----------------------------------------------------------

Code (PHP)
<table width="87%"  class="table table-bordered" id="myTbl">
              <tr>
                <td align="center" class="text-center">หมวดค่าใช้จ่าย</td>
                <td align="center" class="text-center">รายการค่าใช้จ่าย</td>
                <td align="center" class="text-center">รายการ</td>
                <td align="center" class="text-center">จำนวน</td>
                <td align="center" class="text-center">ราคา/หน่วย</td>
                <td align="center" class="text-center bg-success">รวม</td>
                </tr>
              <tr class="cssTR">
                <td width="17%" align="center" class="text-center"> 
                
                <span id="type">
                    <select>
                        <option value="0">- เลือกหมวดร่ายจ่าย -</option>
                    </select>
                </span>
                </td>
                <td width="17%" align="center" class="text-center">
                <span id="group">
                    <select >
                        <option value='0'>- เลือกค่าใช้จ่าย-</option>
                    </select>
                </span>
                </td>
                <td width="17%" align="center" class="text-center">
				  <span id="expenses">
                    <select>
                        <option value='0'>- เลือกรายการ -</option>
                    </select>
                </span>
				  </td>
                <td width="17%" align="center" class="text-center"><input name="expP_amount" type="text" class="text-center css_input css_input1" id="input3"  value="" size="5" data-number="0"></td>    
                <td width="17%" align="center" class="text-center"><input name="expP_price" type="text" class="text-center css_input css_input2" id="input2"  value="" size="5" data-number="0"></td>
                <td width="15%" align="center" class="text-center"><input name="expP_sum" type="text" class="text-center css_input3" id="input" value="" size="10" readonly data-number="0.00"></td>                                                
                </tr>
              
              <tr>
                <td height="68" class="text-center"></td>
                <td class="text-center">
                  
                  </td>
                <td class="text-center">
                  
                  </td>
                <td class="text-center"></td>
                <td align="right" class="text-center">ยอดรวมสุทธิ</td>    
                <td align="center" class="text-center bg-success"><input name="total" type="text" class="text-center" id="total" style="width:100px;" value=""  readonly></td>                                                
                </tr>
              </table>




<!-- ไฟล์ localtion.php ที่ใช้ทำ ดรอปดาวน์ ลิสเมนู -->

<?php
    include "connect.php";
 
   echo  $data = $_GET['data'];
  echo   $val = $_GET['val'];

         if ($data=='type') { 
              echo "<select name='category_name' onChange=\"dochange('group', this.value)\">";
              echo "<option value='0'>- เลือกหมวดร่ายจ่าย -</option>\n";
              $result=mysql_query("select * from category order by category_name");
              while($row = mysql_fetch_array($result)){
                   echo "<option value='$row[category_id]' >$row[category_name]</option>" ;
              }
         } else if ($data=='group') {
              echo "<select name='cg1_name' onChange=\"dochange('expenses', this.value)\">";
              echo "<option value='0'>- เลือกค่าใช้จ่าย -</option>\n";                             
              $result=mysql_query("SELECT * FROM category_group_1 WHERE category_id= '$val' ORDER BY cg1_name");
              while($row = mysql_fetch_array($result)){
                   echo "<option value=\"$row[cg1_id]\" >$row[cg1_name]</option> " ;
              }
         } else if ($data=='expenses') {
              echo "<select name='cg2_name'>\n";
              echo "<option value='0'>- เลือกรายการ -</option>\n";
              $result=mysql_query("SELECT * FROM category_group_2 WHERE cg1_id= '$val' ORDER BY cg2_name");
              while($row = mysql_fetch_array($result)){
                   echo "<option value=\"$row[cg2_id]\" >$row[cg2_name]</option> \n" ;
              }
         }
         echo "</select>\n";
	
        echo mysql_error();
		
     mysql_close();
?>




Tag : PHP, JavaScript









ประวัติการแก้ไข
2018-03-26 22:34:55
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2018-03-26 22:33:06 By : narutokarp View : 1030 Reply : 6
 

 

No. 1



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

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

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

สร้าง function javascript ที่วนลูปสร้าง option ไว้แล้วนะครับ เวลา เพิ่มแถวใหม่ก็ไปดึงจาก function มาใส่ ก็จะได้ตัวเลือกมาด้วย






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-03-27 10:22:53 By : mongkon.k
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : mongkon.k เมื่อวันที่ 2018-03-27 10:22:53
รายละเอียดของการตอบ ::
ผมพึ่งหัดเขียนคัฟ ช่วยแนะนำสักตัวอย่าง ได้มั่ยครับ ขอบคุณครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-03-27 12:39:05 By : narutokarp
 

 

No. 3



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

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

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

ตอบความคิดเห็นที่ : 2 เขียนโดย : narutokarp เมื่อวันที่ 2018-03-27 12:39:05
รายละเอียดของการตอบ ::
ตัวอย่าง test.php

Code (PHP)
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
</head>
<body>
<?php
$data = array("A","B","C");
?>
<script type="text/javascript">
	$(document).ready(function(){
		$("#btn_add").click(function(){
			addRows();
		});
	});

	function addRows()
	{
		var tr="<tr><td><select>";
		<?php
		foreach ($data as $key => $value) {
		?>

		tr += "<option value='<?=$key?>'><?=$value?></option>";
		<?php
		}
		?>

		tr += "</select></td>";

		tr += "<td><input type='text'></td></tr>";

		$("tbody").append(tr);

	}
</script>
<table>
<thead>
	<th>COL1</th>
	<th>COL2</th>
	<th><button id="btn_add">Add</button></th>
</thead>
<tbody>
	
</tbody>
</table>
</body>
</html>


uuu




ประวัติการแก้ไข
2018-03-27 13:42:43
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-03-27 13:41:20 By : mongkon.k
 


 

No. 4



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



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


ตอบความคิดเห็นที่ : 3 เขียนโดย : mongkon.k เมื่อวันที่ 2018-03-27 13:41:20
รายละเอียดของการตอบ ::
ขอบคุณครับเดียวลอง เทสดู ครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-03-27 14:53:22 By : narutokarp
 


 

No. 5



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



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


ตอบความคิดเห็นที่ : 4 เขียนโดย : narutokarp เมื่อวันที่ 2018-03-27 14:53:22
รายละเอียดของการตอบ ::
พี่ครับแล้ว จะทำยังไงให้ ส่งค่าไปยัง php ครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-03-27 15:20:23 By : narutokarp
 


 

No. 6



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

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

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

ยังไงครับ หมายถึง submit form หรือเปล่า
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-03-28 13:29:35 By : mongkon.k
 

   

ค้นหาข้อมูล


   
 

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