Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > สอบถามหน่อยค่า ส่งค่าจาก Link ไปยัง Modal bootstrap ค่ามันไม่แสดงนะค่ะ Pls... ช่วยหน่แย ค๊าาาา

สอบถามหน่อยค่า ส่งค่าจาก Link ไปยัง Modal bootstrap ค่ามันไม่แสดงนะค่ะ Pls... ช่วยหน่แย ค๊าาาา

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

momo

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

ต้องการส่งค่าจาก ลิ้ง ไป แสดงผลใน INput ของ Modal ค่ะ ไม่รู้ว่าผิดตรงไหน รบกวนหน่อย จ้าาา

โค๊ด ลิ้งที่ต้องการส่งค่าไป ค่ะ

Code

 <a href="#" class="sendid btn btn-success" data-toggle="modal" data-target=".bt-example-modal-lg"><i class='fa fa-plus fa-1x' data-cid="<?=$coftype_id?>"></i> เพิ่มสูตร </a>

โค๊ด ส่วนของ Modal

Code

 <div class="modal fade bt-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" >
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title"><i class="fa fa-plus fa-1x"></i>  <strong>เพิ่มสูตร</strong></h4>
      </div>
      <div class="modal-body">              
                  
                                            <div class="col-md-9"> 
                                                <div class="form-group">
                                                <select class="form-control">
                         
                                                <option>One Vale</option>
                                                <option>Two Vale</option>
                                                <option>Three Vale</option>
                                                <option>Four Vale</option>
                         						</select>
                                                <p class="help-block">กรุณาเลือกวัตถุดิบ</p>
                                                </div>
                                                </div>
                                       
                                            <div class="col-md-6"> 
                                                <div class="form-group">
                           <input type="text" name="idcof" id="idcof" value="">                     
                          <input class="form-control" type="number" name="amount" step="0.01" >
                                
                                                <p class="help-block">กรุณากรอกอัตราส่วนที่ใช้</p>
                                                </div>
                                             </div>
                                        
                          <button type="submit" class="btn btn-success" name="insert_mat" value="insert_mat">
                          <i class="fa fa-check"></i>  ตกลง </button>
                          <button type="reset" class="btn btn-danger">
                          <i class="fa fa-times"></i>  ยกเลิก </button>
                                        	
                             
                            </div>
                            </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        
      </div>
    </div>
  </div>
</div>

Code Java Script ค่ะ

Code

<script>
$(document).on("click", ".sendid", function () {
var cofid = $(this).data('cid');
alert(cofid);
$(".modal-body #idcof").val( cofid );
$(".modal-body #idcof").html( cofid );
modal.find('.modal-body #idcof').val(cofid)


});
</script>

Tag : PHP, JavaScript

Date : 2015-09-23 14:36:38

By : wannisa_ko

View : 1101

Reply : 7

No. 1

Guest

// ผมใช้แบบนี้อยู่ง่ายๆไม่ยุ่งยาก
สร้าง function มา set ค่าแล้วก็เรียกใช้งานผ่าน onclick เลย
Code (Java)

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
function setId(tParam){
	$("#idcof").val(tParam);  // set ค่าที่ต้องการ
	$("#modalClick").click();  // เปิด Modal
	
}
</script>

Code

<a href="#" onclick="setId('<?=$coftype_id?>')" id="modalClick" class="sendid btn btn-success" data-toggle="modal" data-target=".bt-example-modal-lg"><i class='fa fa-plus fa-1x' data-cid=""></i> เพิ่มสูตร </a>

Date : 2015-09-23 15:32:38

By : Krit

No. 2

momo

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

ขอบคุณ ค๊าาาาา
ขอบพระคุณอย่างสูงงงง มุ้งๆ มิ้งๆๆ

Date : 2015-09-23 15:36:18

By : wannisa_ko

No. 3

momo

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

พี่ค่ะ ของสอบถามอีก หน่อย ค่ะ มันมาค่าเด่ว อ่าค่ะ ค่าอื่นๆ ไม่มาเลย ค่ะ .

Date : 2015-09-23 15:46:38

By : wannisa_ko

No. 4

NewbieXYZ

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

โค๊ด javascript ของเจ้าของกระทู้ ก็ใช้ได้นะครับ แต่ คงต้องเอาไปวางไว้ท้ายโปรแกรม

แบบให้ browser มันอ่าน พบ tag ที่อ้างอิงก่อน
มันเป็นการทำงาน แบบ interpreter ครับ อ่านบันทัดแปรบันทัด

ถ้าจะวางไว้ตรงไหนก็ได้ ก็ต้อง ผ่านฟังชั่น $(document).ready() หรือ $.function()
Code (JavaScript)

$(document).ready(function(){
  // set event ต่างๆ 
  $(document).on("click", ".sendid", function () {
    var cofid = $(this).data('cid');
    alert(cofid);
    $(".modal-body #idcof").val( cofid );
    $(".modal-body #idcof").html( cofid );
    modal.find('.modal-body #idcof').val(cofid)
  });
});

ซึ่งเสมือน การเรียกใช้ event onload ของ body
Code (JavaScript)

<script>
function init(){
  $(document).on("click", ".sendid", function () {
    var cofid = $(this).data('cid');
    alert(cofid);
    $(".modal-body #idcof").val( cofid );
    $(".modal-body #idcof").html( cofid );
    modal.find('.modal-body #idcof').val(cofid)
  });
}
</script>
<body onload="init()">

Date : 2015-09-23 15:52:57

By : NewbiePHP

No. 5

momo

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

ข้อมูลยังไม่มาค่ะ ยังเหมือนเดิม

ช่วยหน่อยยยยย ค๊าาาา

..

Date : 2015-09-23 16:08:29

By : wannisa_ko

No. 6

NewbieXYZ

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

25.<input type="text" name="idcof" id="idcof" value="">
บันทัดบน มี สีแดง แค่ tag เดียวใช่ไหมครับ หรือมี หลาย tag (สร้างใน loop)

05.$(".modal-body #idcof").val( cofid );
06.$(".modal-body #idcof").html( cofid );
07.modal.find('.modal-body #idcof').val(cofid)
แก้เป็น
05.$("#idcof").val( cofid );

บันทัด 6-7 เอาออก

ประวัติการแก้ไข
2015-09-23 16:23:09
2015-09-23 16:25:08
2015-09-23 16:26:01

Date : 2015-09-23 16:16:33

By : NewbiePHP

No. 7

NewbieXYZ

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

ส่วนบันทัด 03.var cofid = $(this).data('cid'); อ้างอิงแบบนี้ไม่ได้ครับ

จาก
<a href="#" class="sendid btn btn-success" data-toggle="modal" data-target=".bt-example-modal-lg"
><i class='fa fa-plus fa-1x' data-cid="<?=$coftype_id?>"></i> เพิ่มสูตร </a>

ต้องอ้างอิงลูก
03.var cofid = $(this).find('i').eq(0).data('cid');

Date : 2015-09-23 16:21:47

By : NewbiePHP

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : สอบถามหน่อยค่า ส่งค่าจาก Link ไปยัง Modal bootstrap ค่ามันไม่แสดงนะค่ะ Pls... ช่วยหน่แย ค๊าาาา

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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