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 > Codeigniter เกี่ยวกับการใช้ ajax นำค่าไปแสดงใน select



 

Codeigniter เกี่ยวกับการใช้ ajax นำค่าไปแสดงใน select

 



Topic : 128853



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



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



ขอถามต่อหน่อยครับถ้าผมเขียน แบบ codeigniter เขียนแบบนี้ถูกไหมครับ

คือ select ตามที่เรา set ไว้มันต้องเป็น ---เลือกประเภทสินค้า--- // กับ ---สินค้า---

ผมต้องแก้ตรงไหนเพิ่มครับ

ปล.ผมไม่ได้ทำในส่วน mysql2json.class.php จะมีผลกระทบอะไรไหมครับ

//ไฟล์ ajax.php
Code (PHP)
// JavaScript Document
$(document).ready(function(){
	// ส่วนของจังหวัดเมื่อมีการเปลี่ยนแปลง
	$("#prodcut_cate").change(function(){   //id=cate อ้างอิงจาก id ที่กำหนดใน form
		//$("#pro").empty();//ล้างข้อมูล  id=pro อ้างอิงจาก id ที่กำหนดใน form
		$.ajax({
			  url: "product/selectproduct",//ที่อยู่ของไฟล์เป้าหมาย  (รอการแก้ไข)
			  global: false,
			  type: "POST",//รูปแบบข้อมูลที่จะส่ง
			  data: ({ID : $(this).val(),TYPE : "prodcut"}), //ข้อมูลที่ส่ง  { ชื่อตัวแปร : ค่าตัวแปร }
			  dataType: "JSON", //รูปแบบข้อมูลที่ส่งกลับ xml,script,json,jsonp,text
			  async:false,
			  success: function(jd) { //แสดงข้อมูลเมื่อทำงานเสร็จ โดยใช้ each ของ jQuery
							var opt="<option value=\"0\" selected=\"selected\">---สินค้า---</option>";
							$.each(jd, function(key, val){
								opt +="<option value='"+ val["product_id"] +"'>"+val["product_name"]+"</option>"
    						});
							$("#prodcut").html( opt );//เพิ่มค่าลงใน Select ของ product
		   	  }
		});
	});

//ส่วนของ function เพื่อเพิ่มข้อมูลประเภทสินค้าข้าไปก่อน
function Add(){
		$.ajax({
			  url: "product/selectproduct",
			  global: false,
			  type: "POST",
			  data: ({TYPE : "prodcut_cate"}),
			  dataType: "JSON",
			  async:false,
			  success: function(jd) {
							var opt="<option value=\"0\" selected=\"selected\">---เลือกประเภทสินค้า---</option>";
							$.each(jd, function(key, val){
								opt +="<option value='"+ val["cate_id"] +"'>"+val["cate_name"]+"</option>"
    						});
							$("#prodcut_cate").html( opt );
		   	  }
		});
}



Code (PHP)
//ไฟล์ product ใน controller

public function selectproduct(){
    $id=$this->input->post("ID");
    $type=$this->input->post("TYPE");

    if($type=='product'){
        $product=$this->db->get('product');
        $data['product']=$product->result->array();
    }else if($type=='product_cate'){
        $cate=$this->db->get('categories');
        $data['cate']=$cate->result->array();
    }

    $this->load->view("seller",$data);

  }





//ส่วนของ view
Code (PHP)
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="<?echo jquery_asset('jquery-3.2.1.min.js')?>"></script>
<script type="text/javascript" src="<?echo jquery_asset('ajax.js')?>"></script>
</head>
<body onload="Add();">
<?php


  echo "ชื่อลูกค้า : <select name='cus_name'>";
      foreach($customer as $cus){
          echo "<option value=",$cus['cus_id'],">",$cus['cus_name'],"</option>";
      }
  echo "</select>";
  echo "<p>สถานะ : ",$cus['cus_type'],"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;".anchor("test","เพิ่มข้อมูลลูกค้า")."</p><hr>";


  echo "ขายใหม่ <select name='prodcut_cate' id='prodcut_cate'>";
        foreach($categories as $cate){
          echo "<option value=",$cate['cate_id'],">",$cate['cate_name'],"</option>";
        }
  echo "</select>&nbsp&nbsp&nbsp";


  echo "<select name='prodcut' id='prodcut'>";
        foreach($product as $pro){
          echo "<option value=",$pro['product_id'],">",$pro['product_name'],"</option>";
        }
  echo "<select>&nbsp&nbsp&nbsp";
  //echo "<input type='text' name='sellproduct' placeholder='เลือกสินค้า'>";*/

?>
</body>
</html>




Tag : PHP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2017-09-10 01:49:54 By : 1462072250555767 View : 2379 Reply : 1
 

 

No. 1



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

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

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


ไกด์ให้ครับ เอาไปปรับดู ไม่ได้ลองนะ ไม่รู้ว่าตรงหรือป่าว
Code (PHP)
ติดตรงไหนครับ

<select name='prodcut_cate' id='prodcut_cate' onChange='getprodcut(this.value);'>
<option>---เลือกประเภทสินค้า---</option>
</select>

<select name='prodcut' id='prodcut'>
</select>

  function getprodcut(pro_id) {
                              if (pro_id!= "0") {
                                loadData('product', pro_id);
                               $("#product").html("<option value='0'> ---สินค้า--- </option>");
                            } else {
                             $("#product").html("<option value='0'> - </option>");
                           }
                     }

    function loadData(loadType, loadId) {

              $.ajax({
                         type: "POST",
                          url: "<?php echo site_url('product/selectproduct'); ?>",
                          data: dataString,
                           cache: false,
                           success: function (result) {
                            $("#product").html("<option value='0'> ---สินค้า--- </option>");
                             $("#product").append(result);
                            }
                                });
                   }



selectproduct // controller
  public function loadData() {
        if ($_POST['loadType'] && $_POST['loadId']) {
            $loadType = $_POST['loadType'];
            $loadId = $_POST['loadId'];

            if ($loadType == "product") {
                $sql = "SELECT * FROM product";
            }
            $listdist = $this->db->query($sql)->result_array();
            $HTML = "";

            if ($this->db->query($sql)->num_rows() > 0) {
                foreach ($listdist as $list) {
                    $HTML.="<option value='" . $list['id'] . "'>" . $list['name'] . "</option>";
                }
            }
            echo $HTML;
        }
    }







แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-09-11 10:33:12 By : Pong Thep
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : Codeigniter เกี่ยวกับการใช้ ajax นำค่าไปแสดงใน 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 อัตราราคา คลิกที่นี่