วิธีทำให้ไอมาโครเพิ่มข้อมูลเข้าช่องกรอกที่มีปุ่มเพิ่มค่าตัวเลขภายใน

สวัสดีครับ กลับมาพบกันอีกครั้งกับคำแนะนำเรื่องการสร้างเครื่องมือไอมาโคร  เช่นเคยครับผมรุ่งชัย เป็นผู้บรรยายและสรรหาปัญหาวิธีการแก้ไขในการสร้างเครื่องมือสำหรับงานค้าขายออนไลน์ โดยจะเน้นไปทางไอมาโคร 
สำหรับพื้นฐานไอมาโคร หลายๆ คนสามารถเข้าไปกดติดตามที่ช่อง Youtube ได้เลย และไล่ดูวิธีการพื้นฐานต่างๆ ไล่ลำดับขึ้นมาจนถึงคลิปปัจจุบัน เชื่อว่าจะเป็นประโยชน์ให้หลายๆ ท่านสามารถนำไปต่อยอดกับงานหน้าคอมพิวเตอร์ของตนเองได้ 
มาวันนี้เราจะพูดถึงปัญหาสำหรับการกรอกข้อมูลลงหน้าเว็บฯ บางหน้าเว็บฯเราไปเจอช่องกรอกข้อมูลแบบเพิ่มลดค่าได้ จุดที่บอกว่าเป็นปัญหา คือ บางเว็บฯ ไม่ยอมให้เราแปะตัวเลขจากโปรแกรม จะต้องมีการกดที่แป้นพิมพ์เท่านั้น 

วิธีทำให้ไอมาโครเพิ่มข้อมูลเข้าช่องกรอกที่มีปุ่มเพิ่มค่าตัวเลขภายใน

ส่วนนี้วิธีการแก้ไข เราอาจจะต้องหันไปพึ่งคำสั่ง jQuery ในอีบุ๊ค และช่องบน Youtube มีอธิบายไปอยู่ครับ ยังไง ก็เข้าไปศึกษาการใช้งานพื้นฐานเรื่อง jQuery กันได้เลย
คำสั่ง jQuery สามารถเข้าถึงโครงสร้างพื้นฐานบนหน้าเว็บฯได้ สามารถเพิ่มค่าเข้าสู่ช่องกรอกข้อมูลได้ แต่ถ้าจะทำให้ได้เหมือนไอมาโครเราอาจจะต้องเขียนเยอะเหมือนกัน ดังนั้นเราก็อาจจะเขียนคำสั่ง jQuery เพื่อใช้งานประกอบกับไอมาโครแทน

คำสั่งที่ต้องใช้งานคือคำสั่ง :contains() เอาไว้ตรวจสอบข้อความในอีลิเม้น ในวีดีโอมีวิธีการใช้งานครับ
คำสั่ง .next เอาไว้เข้าถึงอิลิเม้นที่อยู่ลำดับถัดไปต่อจากจุดที่เราเข้าถึงปัจจุบัน
คำสั่ง .find() เอาไว้ค้นหาอิลิเม้นที่อยู่ภายในแท็ค HTML ที่เราเข้าถึงตัวปัจจุบัน
คำสั่ง .attr() เอาไว้ดึง หรือเพิ่มค่าแอททิบิ้วเข้าไปในช่องกรอกข้อมูล หรืออิลิเม้นที่เราต้องการ เพื่อให้ไอมาโครอ้างอิง

วิธีการสร้างโค้ดไอมาโครเพื่อใช้ในงานนี้ลองดูวีดีโอประกอบได้เลยครับ