Forgot Password ??

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

	Registered : 109,028

HOME > PHP > PHP Forum > jquery สอบถามเกี่ยวกับ Element ที่ดึงมาจาก Ajax ครับ

jquery สอบถามเกี่ยวกับ Element ที่ดึงมาจาก Ajax ครับ

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

onekisz

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

พอดีผมทดลองเขียน jquery ครับ

ก่อนกดผมมีปุ่มอยู่ 1 ปุ่ม ซึ่งเมื่อกด ปุ่มจะทำงานผ่าน ajax ดึงข้อมูลมาโชว์ใน div showdetail

<button type="button" id="btn1" name="btn1" value="เรียกข้อมูลจาก Ajax"/>

<div id="showdetail">

</div>

<script>
$(document).ready(function() { 
    $('#btn1').click(function(){
        
        var url="ajax_showdetail.php";  
        var dataSet={ 
		mode : 'addtimeline' ,
		image : jQuery("input#fileElem").val() ,
		video : jQuery("input#addvideo").val() ,
		comment : jQuery("textarea#comment").val() 
	};  

       $.post(url,dataSet,function(data){  
		$('showdetail').html(data);
         }); 

     }); 
});
</script>

เมื่อผมกดปุ่มขึ้นมา หน้า html ของผมก็จะได้ข้อมูลขึ้นมาแบบนี้ครับ

<button type="button" id="btn1" name="btn1" value="เรียกข้อมูลจาก Ajax"/>

<div id="showdetail">

     <div id="detail_1">
          <input name="dinput_1" id="dinput_1" value="1">
          <button type="button" id="btnx1" name="btnx1" value="เรียกข้อมูลจาก dinput_1"/>
     </div>

     <div id="detail_2">
          <input name="dinput_2" id="dinput_2" value="2">
          <button type="button" id="btnx2" name="btnx2" value="เรียกข้อมูลจาก dinput_2"/>
     </div>

     <div id="detail_3">
          <input name="dinput_3" id="dinput_3" value="3">
          <button type="button" id="btnx3" name="btnx3" value="เรียกข้อมูลจาก dinput_1"/>
     </div>

</div>

ซึ่งข้อมูลที่เพิ่มขึ้นมาใน Div showdetail หลังจากดึงมาจาก ajax จะได้ตามข้างบน คำถามคือ ผมจะเขียน jquery อย่างไร
สมมติว่าผมกดที่ ปุ่ม id btnx1 จะให้ alert ค่าใน input dinput_1
และเมื่อกดที่ ปุ่ม id btnx2 จะให้ alert ค่าใน input dinput_2

โดยที่ผมเองก็ไม่สามารถทราบได้ว่าค่าที่เราดึงมาจาก ajax นั้น มีจำนวนเท่าไหร่กันแน่

ขอบคุณมากครับ

Tag : jQuery

Date : 2015-01-23 13:50:37

By : onekisz

View : 888

Reply : 2

No. 1

Chaidhanan

โพสกระทู้ ( 9,559 )
บทความ ( 2 )

Code (JavaScript)

$(document).ready(function(e){
     $('#btnx1').click(function(e){ alert( $('#dinput_1').val() ); });
     $('#btnx2').click(function(e){ alert( $('#dinput_2').val() ); });
});

Date : 2015-01-23 14:53:43

By : Chaidhanan

No. 2

Yam

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

Code (JavaScript)

$(document).ready(function() { 
    $('#btn1').click(function(){
        
        var url="ajax_showdetail.php";  
        var dataSet={ 
		mode : 'addtimeline' ,
		image : jQuery("input#fileElem").val() ,
		video : jQuery("input#addvideo").val() ,
		comment : jQuery("textarea#comment").val() 
	};  

       $.post(url,dataSet,function(data){  
		$('showdetail').html(data);

                // เพิ่มส่วนนี้เข้าไปครับ
                $("#btnx1").on("click", function(){
                     var input = $("input[name='dinput_1']").val();
                     alert(input)
                 })
         }); 

     }); 
});
</script>

Date : 2015-01-23 14:56:54

By : yamcrocodile

ค้นหาข้อมูล

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

Re : jquery สอบถามเกี่ยวกับ Element ที่ดึงมาจาก Ajax ครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 02