Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 107,912

HOME > PHP > PHP Forum > สอบถาม jQuery เลือกแล้วส่งข้อมูลไปยัง input ที่มี ID เหมือนกัน



 

สอบถาม jQuery เลือกแล้วส่งข้อมูลไปยัง input ที่มี ID เหมือนกัน

 



Topic : 134121



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



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




รบกวนอีกรอบครับ เรื่อง jQuery

02092562

ตามภาพ เมื่อผมแสดงข้อมูลจาก db ออกมาแล้วมี 2 ข้อมูล คร่าวนี้ผมต้องการ

เมื่อผมเลือกช่องผลการดำเนินงานข้อมูลที่ 1 -> เป็น ดำเนินการเรียบร้อยแล้ว อยากให้ข้อมูลไปมันไปแสดงที่ช่อง
ผล % ความก้าวหน้า เป็น 100

แล้วข้อมูลที่ 2 -> เป็น ยังไม่กำเนินการ อยากให้ข้อมูลไปมันไปแสดงที่ช่อง
ผล % ความก้าวหน้า เป็น 0

โดยที่ input ทั้งสอง ที่ผมกล่าวมา (ช่องผลการดำเนินงาน) และ (ผล % ความก้าวหน้า) มีชื่อและไอดีเหมือนกัน
เราจะเขียน jQuery ยังไงครับ ผมลองทำโดยอ้างจากไอดีก็ไม่ได้ มันจะขึ้นอันแรกอันเดียว

รบกวนด้วยครับ ขอบคุณครับ



Tag : PHP, MySQL







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2019-09-02 14:10:00 By : 1818626091561231 View : 120 Reply : 9
 

 

No. 1



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

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

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

เอาแบบง่ายๆก็อันนี้เลยครับ
.closest()






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-09-02 15:27:36 By : mongkon.k
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : mongkon.k เมื่อวันที่ 2019-09-02 15:27:36
รายละเอียดของการตอบ ::
ขอบคุณมากครับ นอกจาก closest แล้วพอมีวิธีไหนอีกบ้างมั้ยครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-09-02 15:47:55 By : 1818626091561231
 

 

No. 3



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

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

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

ตอบความคิดเห็นที่ : 2 เขียนโดย : 1818626091561231 เมื่อวันที่ 2019-09-02 15:47:55
รายละเอียดของการตอบ ::
ใส่ id ให้ parent element ครับ

ตย.ข้างล่างนี้ ผมเปลี่ยนค่า textbox ตอนเลือก select box ให้หาใน parent element ตัวเองเท่านั้น
Sample Code
<div id="row_1">
  <select id="ddl" onchange="myChange($("#row_1"))">

  </select>
   <input type="text" name="txt" id="txt" value="" />
</div>
<div id="row_2" onchange="myChange($("#row_1"))">
  <select id="ddl">

  </select>
   <input type="text" name="txt" id="txt" value="" />
</div>

<script>
$(function(){


});

function myChange(obj)
{
  obj.find("input[type=text]").val(enter_your_value);
}
</script>




ประวัติการแก้ไข
2019-09-02 17:03:45
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-09-02 17:02:02 By : mongkon.k
 


 

No. 4



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



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


ปกติแล้ว

ในหน้าจอเดียวกัน id มีได้แค่ 1 อันครับ
ซึ่งการกำหนด id ซ้ำกันจึงเป็นสิ่งที่จะไม่เกิดขึ้นครับ

วิธีการแก้ปัญหาของรูปแบบตามที่คุณต้องการโดยใช้ attribute ตัวอื่นในการกำหนดแทนครับ

เช่น

1. ใช้ class ในการกำหนดแทน และใช้ closest ค้นหาตามขอบเขตที่ชัดเจน

2.ใช้ id โดยการกำหนด prefix หรือ postfix เพิ่มเข้าไปเพื่อให้ id ไม่ซ้ำกัน
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-09-02 17:05:28 By : birdbird27
 


 

No. 5



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



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


ได้แล้วครับ ขอบคุณทุกคนมากเลยครับ
เบื้องต้นผมใช้ loop เพื่อจะได้ไอดีไม่ซ้ำกัน
แต่ว่าจะลองไปศึกษา closest ตามที่พี่แนะนำ
ขอบคุณมากครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-09-03 09:26:57 By : 1818626091561231
 


 

No. 6



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



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


ขออนุญาตสอบถามต่อครับ

สอบถามเรื่องการใช้ get ค่า id jQuery ส่งไปให้กับหลายๆ input

03092560-1


ตามรูปผมเลือกช่อง ผลการดำเนินงาน ขึ้นช่อง กี่% ผมกรอก 20

ค่า 20 ถูกส่งไป ช่อง ผล % ความก้าวหน้า
------------------------
ข้อมูลถัดมา
------------------------
ผมเลือกช่อง ผลการดำเนินงาน เป็น ดำเนินการเรียบร้อยแล้ว

ข้อมูลขึ้นที่ช่อง ผล % ความก้าวหน้า เป็น 100

---------------------------

่ผมเขียน sum กันแล้วที่ ช่อง 20 และ 100 แต่ข้อมูลมันไม่ไปโชว์ที่ ช่อง % รวมความก้าวหน้า

มันต้องมีการกระทำเกิดขึ้นก่อนเช่น ผมไปลบ เลข 20 แล้วเติม 20 ใหม่ มันถึงจะไปแสดงค่ารวม

ผมอยากให้เลือกเสร็จแล้วมันคำนวณทุกอย่างแลย ไม่ทราบว่าต้องทำอย่างไร หรือ ใช้ function ไหนของ jQuery ครับ

ขอบคุณครับ


ประวัติการแก้ไข
2019-09-03 14:29:01
2019-09-03 14:33:31
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-09-03 14:28:17 By : 1818626091561231
 


 

No. 7



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

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

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

ใช้ .each loop เพื่อบวกค่า และนำไปแสดงผลที่ input ที่ต้องการได้เลยครับ
ตัวอย่าง Code (JavaScript)
var total=0;
$("#input_id").each(function(){
 total = total + parseInt($(this).val());
});

$("#total").val(total);

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-09-03 15:19:54 By : mongkon.k
 


 

No. 8



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



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


"ผมเขียน sum กันแล้วที่ ช่อง 20 และ 100 แต่ข้อมูลมันไม่ไปโชว์ที่ ช่อง % รวมความก้าวหน้า"

เพราะที่บอกว่า "ต้องมีการกระทำเกิดขึ้นก่อนเช่น ผมไปลบ เลข 20 แล้วเติม 20 ใหม่ มันถึงจะไปแสดงค่ารวม"

แสดงแดงว่าใส่ event ไว้แล้วซึ่งสามารถเรียกโดยผ่าน event นั้นก็ได้ครับ แต่ต้องรู้ว่าใส่ event อะไรไว้
ซึ่งให้ใส่หลังจากที่กำหนดค่า textbox เรียบร้อยแล้วครับ

$('#xx').trigger('eventname');
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-09-03 15:24:41 By : birdbird27
 


 

No. 9



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



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


ได้แล้วครับ

ใช้ .trigger

ขอบคุณพี่ๆมากครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-09-04 11:01:12 By : 1818626091561231
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถาม jQuery เลือกแล้วส่งข้อมูลไปยัง input ที่มี ID เหมือนกัน
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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, รับทำเว็บไซต์ รับเขียนโปรแกรม

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