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

HOME > PHP > PHP Forum > สอบถามเรื่องการใช้ java scrip ทำปุ่มเพิ่มฟอร์ม insert ครับ



 

สอบถามเรื่องการใช้ java scrip ทำปุ่มเพิ่มฟอร์ม insert ครับ

 



Topic : 125181



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



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




คือผมมีฟอร์มอยู่ฟอร์มนึงครับต้องการทำปุ่มเพื่อเพิ่มฟอร์มในการกรอกข้อมูลทีนี้ในฟอร์มของผมจะมี dropdown list ที่ใช้ code php select ข้อมูลจากดาต้าเบสมาใส่ไว้ใน dropdown list แล้วทีนี้ปุ่มเพิ่มฟอร์มผมใช้ javascript ในการทำครับพอกดปุ่มเพิ่มฟอร์มแล้ว dropdown list ที่ทำการ select ข้อมูลมามันไม่แสดงข้อมูลใน dropdown list ครับ ช่วยดูโค้ทให้หน่อยครับว่าผมต้องแก้หรือต้องเพิ่มส่วนไหนบ้างครับ ถ้ามันยาวไปผมต้องขอโทษด้วยครับ
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"><!-- InstanceBegin template="Templates/home.dwt.php" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>เจ้าพระยาการยาง</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">

$(function(){
	$("#addRow").click(function(){
		var NR ="";
		NR="<tr>";
		NR+="<td>";
		NR+="<select type=\"text\" name=\"service_typeid\" id=\"service_typeid\" class=\"form-control\"/></select>";
		
		NR+="</td>";
		NR+="<td>";
	
		NR+="<input type=\"text\" name=\"tire_size\" id=\"service_typeid\" class=\"form-control\"/>";

		NR+="</td>";
		NR+="<td>";
		NR+="<input type=\"text\" name=\"tire_num\" id=\"tire_num\" class=\"form-control\"/>";
		
		NR+="</td>";
		NR+="<td>";
		NR+="<input type=\"text\" name=\"qty\" id=\"qty\" class=\"form-control\"/>";
		NR+="&nbsp;";
		NR+="<input type=\"text\" name=\"service_list\" id=\"service_list\" class=\"form-control\"/>";
		
		NR+="</td>";
		NR+="<td>";
		NR+="<input type=\"text\" name=\"price\" id=\"price\" class=\"form-control\"/>";
		
		NR+="</td>";
		NR+="<td>";
		NR+="<select type=\"text\" name=\"pay_id\" id=\"pay_id\" class=\"form-control\"/></select>";
		
		NR+="</td>";
		NR+="</tr>";
		//$("#myTbl").append($("#firstTr").clone());
		$("#new").append($(NR));
		$('.datepic').calendarsPicker({ yearRange: 'c-5:c+0', calendar: $.calendars.instance('thai','th')});
	});
	$("#removeRow").click(function(){
		if($("#new tr").size()>2){
			$("#new tr:last").remove();
		}else{
			alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ");
		}
	});		
});
</script>
<!-- InstanceEndEditable -->
<meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <!-- InstanceBeginEditable name="head" -->
  <!-- InstanceEndEditable -->
</head>

<body>
<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">เจ้าพระยาการยาง</a>
    </div>
    <ul class="nav navbar-nav">
      <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">ข้อมูลทั่วไป<span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a href="insert_cust_form.php">ข้อมูลลูกค้า</a></li>
          <li><a href="insert_tire_form.php">ข้อมูลยาง</a></li>
          <li><a href="insert_car_form.php">ข้อมูลรถ</a></li>
          <li><a href="insert_service_form.php">ข้อมูลบริการ</a></li>
          <li><a href="insert_pay_form.php">ข้อมูลการชำระเงิน</a></li>
          <li><a href="insert_vendor_form.php">ข้อมูลผู้จำหน่าย</a></li>
        </ul>
      </li>
      <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">ระบบคลัง<span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a href="#">จำนวนยางในสต๊อก</a></li>
        </ul>
      </li>
    
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">ระบบบัญชี<span class="caret"></span></a>
        <ul class="dropdown-menu">
          <li><a href="#">รายรับรายจ่าย</a></li>
        </ul>
      </li>
      </div>
  </div>
</nav>
<!-- InstanceBeginEditable name="EditRegion1" --><div class="container">
  <div class="panel panel-default">
    <div class="panel-heading">เพิ่มข้อมูลการบริการ</div>
    <div class="panel-body">
    
    <form name="form1" method="post" action="search_service.php">
    
  <div class="col-xs-2">เลือกรายการค้นหา</div>
    <div class="col-xs-2">
    <select class="form-control" name="search2" id="search2">
      <option value="">เลือกชื่อลูกค้า</option>
      <?php include('connect.php');
			$strSQL = "SELECT * FROM customer";
			$objQuery = mysql_query($strSQL);
			while($objResuut = mysql_fetch_array($objQuery))
			{
			?>
      <option value="<?php echo $objResuut["cus_name"];?>"><?php echo $objResuut["cus_name"];?></option>
      <?php
			}
			?></select></div>
            <div class="col-xs-2">
      <input name="search1" class="form-control" type="text" id="search1" value=""></div>
    <input type="submit" class="btn btn-default" name="Submit"  value="ค้นหา" />
    <input type="submit" class="btn btn-default" name="Submit" value="ค้นหาทั้งหมด" />
    
   
<p>
  <div class="col-xs-2">เลือกวันที่ให้บริการ </div>
  
    <div class="col-xs-2">
    
    
    
    <input class="form-control" name="data" type="date" id="data" /></div>
     <div class="col-xs-2">
   <input type="submit" class="btn btn-default" name="Submit"  value="ค้นหา" /></div>
</p>

</form>
<br>
<br>


    <form action="insert_service.php" method="post" enctype="multipart/form-data">
    
    <table width="200" border="1" class="table table-bordered">
      <tr>
        <td>ชื่อลกค้า</td>
        <td><?php 
        $select_survice = "Select * from customer";
		$query = mysql_query($select_survice);?>
        <label for="cus_id"></label>
        <div class="col-xs-4">
      <select class="form-control" name="cus_id" id="cus_id"><?php while($survice_row = mysql_fetch_array($query)){?>
        <option value="<?php echo $survice_row["cus_id"];?>"><?php echo $survice_row['cus_name'];?></option>
      <?php }?></select></div></td>
      </tr>
      <tr>
      <td>วันที่บริการ</td>
        <td><form id="form6" name="form6" method="post" action="">
            <label for="textfield11"></label>
        <label for="textfield2"></label>
        <div class="col-xs-4">
            <input class="form-control" name="service_date" type="date" id="service_date" value=""></div>
          </td></form>
       
      </tr>
      
      
      <table id="new" name="new" width="200" border="1" class="table table-bordered">
      <tr>
         <td>ประเภทการบริการ</td>
         <td>ขนาดยาง</td>
         <td>เลขยาง</td>
         <td>จำนวน</td>
         <td>ราคาต่อหน่วย</td>
         <?php
		$select_survice = "Select * from service";
		$query = mysql_query($select_survice);?>
        </tr>
      <tr>
        <td>
        <select class="form-control" name="service_typeid" id="service_typeid">
          <?php while($survice_row = mysql_fetch_array($query)){?>
          <option value="<?php echo $survice_row["service_typeid"];?>"><?php echo $survice_row['service_typename'];?></option>
          <?php }?>
        </select></div>
        </td>
        <td>
          <input  class="form-control" type="text" name="tire_size" id="tire_size" />
        </td>
        <td>
          <input class="form-control" type="text" name="tire_num" id="tire_num" />
        </td>
        <td>
        
          <input class="form-control" type="text" name="qty" id="qty" onkeyup="if(isNaN(this.value)){ alert('กรอกข้อมูลที่เป็นตัวเลขเท่านั้น'); this.value='';}" />
          
          <br>
          <input class="form-control" type="text" name="service_list" id="service_list" />
        </td>
        <td>
          <input class="form-control" type="text" name="price" id="price" onkeyup="if(isNaN(this.value)){ alert('กรอกข้อมูลที่เป็นตัวเลขเท่านั้น'); this.value='';}" />
        </td>
        </tr>
    </table>
     
<table width="200" border="0" align="center">
  <tr>
      <td>
       <button class="btn btn-default" id="addRow" type="button">+</button>
&nbsp;
<button class="btn btn-default" id="removeRow" type="button">-</button>
&nbsp;
      <input type="submit" class="btn btn-default" name="button" id="button" value="ยืนยัน" /></td>
    </tr>
</table>
</form>

<br>

  </div>
</div>
</div>
<!-- InstanceEndEditable -->

</body>
<!-- InstanceEnd --></html>


รูปผลการรันครับ
ผลการรัน



Tag : PHP, MySQL, JavaScript









ประวัติการแก้ไข
2016-10-31 22:55:04
2016-10-31 22:56:11
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-10-31 22:50:08 By : zazas2537 View : 973 Reply : 4
 

 

No. 1



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



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


แทรกแทนบรรทัดที 14 ครับ
Code (JavaScript)
NR+="<select type=\"text\" name=\"service_typeid\" id=\"service_typeid\" class=\"form-control\"/>";
<?php while($survice_row = mysql_fetch_array($query)){?>
NR+='<option value="<?php echo $survice_row["service_typeid"];?>"><?php echo $survice_row['service_typename'];?></option>';
NR+='</select>';
<?php }?>







แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-10-31 23:22:51 By : Luz
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : Luz เมื่อวันที่ 2016-10-31 23:22:51
รายละเอียดของการตอบ ::
ใส่แบบนี้ใช้มั้ยครับ พอใส่แล้วกดปุ่มเพิ่มไม่ได้ครับ

Code (JavaScript)
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">

$(function(){
	$("#addRow").click(function(){
		var NR ="";
		NR="<tr>";
		NR+="<td>";
		NR+="<select type=\"text\" name=\"service_typeid\" id=\"service_typeid\" class=\"form-control\"/>";
<?php while($survice_row = mysql_fetch_array($query)){?>
NR+='<option value="<?php echo $survice_row["service_typeid"];?>"><?php echo $survice_row['service_typename'];?></option>';
NR+='</select>';
<?php }?>
		
		
		NR+="</td>";
		NR+="<td>";
	
		NR+="<input type=\"text\" name=\"tire_size\" id=\"service_typeid\" class=\"form-control\"/>";

		NR+="</td>";
		NR+="<td>";
		NR+="<input type=\"text\" name=\"tire_num\" id=\"tire_num\" class=\"form-control\"/>";
		
		NR+="</td>";
		NR+="<td>";
		NR+="<input type=\"text\" name=\"qty\" id=\"qty\" class=\"form-control\"/>";
		NR+="&nbsp;";
		NR+="<input type=\"text\" name=\"service_list\" id=\"service_list\" class=\"form-control\"/>";
		
		NR+="</td>";
		NR+="<td>";
		NR+="<input type=\"text\" name=\"price\" id=\"price\" class=\"form-control\"/>";
		
		NR+="</td>";
		NR+="<td>";
		NR+="<select type=\"text\" name=\"pay_id\" id=\"pay_id\" class=\"form-control\"/></select>";
		
		NR+="</td>";
		NR+="</tr>";
		//$("#myTbl").append($("#firstTr").clone());
		$("#new").append($(NR));
		$('.datepic').calendarsPicker({ yearRange: 'c-5:c+0', calendar: $.calendars.instance('thai','th')});
	});
	$("#removeRow").click(function(){
		if($("#new tr").size()>2){
			$("#new tr:last").remove();
		}else{
			alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ");
		}
	});		
});
</script>


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-11-01 14:59:09 By : zazas2537
 

 

No. 3



โพสกระทู้ ( 4,138 )
บทความ ( 7 )

Hall of Fame 2012

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


ใช้ตัวอย่างนี้ประยุคใช้ดูครับ
https://www.thaicreate.com/community/json-select-input-muti-array.html
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-11-01 16:49:26 By : dudesaranyu
 


 

No. 4



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



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


ตอบความคิดเห็นที่ : 3 เขียนโดย : dudesaranyu เมื่อวันที่ 2016-11-01 16:49:26
รายละเอียดของการตอบ ::
ขอลองดูก่อนนะครับ ขอบคุณมากครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-11-01 19:35:55 By : zazas2537
 

   

ค้นหาข้อมูล


   
 

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

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