Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

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

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

เริ่มหัวข้อใหม่

นักศึกษาใกล้จบ

โพสกระทู้ ( 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

Date : 2016-10-31 22:50:08

By : zazas2537

View : 1339

Reply : 4

No. 1

Luz

โพสกระทู้ ( 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

Genesis™

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

ใช้ตัวอย่างนี้ประยุคใช้ดูครับ
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 ครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก