ทำตามตัวอย่างในหัวข้อ ปุ่มเลือกสี แต่ว่าไม่ได้ค่ะ

Question

พอ copy code ลองไป run ดู มันโชว์ ปุ่ม สีๆ มา แต่ว่า พอ click ที่ปุ่ม  แล้ว มันไม่ active อะไรขึ้นมาเลย

goragod · Answer

ยังไงครับ ไม่เข้าใจคำถาม  ค่าสีที่ถูกเลือก จะถูก submit ไปกับฟอร์มครับ

wijnruit · Answer

เล็กเอา code ทั้งสามส่วน (css, javascript, php) มาใส่ใน page เดียวกัน

เวลากดทีสีแล้ว มันไม่เหมือนในตัวอย่าง ไม่เกิดอะไรขึ้นเลย

เวลากด ปุ่มสีแล้ว มัน submit มันจะดัก code สี ที่ javascript เลยใช่มั๊ยคะ

แต่ลองทำแล้ว กด แล้วไม่มีไรเกิดขึ้นเลย

รบกวนด้วยนะคะ

goragod · Answer

ก็ทำงานได้นี่ครับ เพียงแต่ในโค้ดที่เขียนผมไม่ได้แสดงผลเมื่อถูกเลือกไว้ ซึ่งค่าสีที่ถูกเลือก จะเป็น id ของค่าสีที่ถูกเลือกครับ ซึ่งค่าสีที่ได้จะอยู่ใน input usercolor ครับ ซึ่งจะถูก submit ไปพร้อมกับฟอร์ม เมื่อทำการ submit

แต่ค่าสีที่ได้ไม่ได้เป็นค่าสีจริงๆ นะครับ มันจะถูกส่งไปเป็น id ของค่าสี ตามที่กำหนดไว้ ถ้าจะให้ได้ผลลัพท์เป็นค่าสีเลย ต้องดัดแปลงเล็กน้อยครับ

document.getElementById("usercolor").value = id;

เปลี่ยนเป็น

document.getElementById("usercolor").value = document.getElementById(id).title;

ค่าสีที่เลือกจะอยู่ใน input ตัวนี้ครับ ถ้าอยากจะเห็นผลลัพท์การเลือก ให้เปลี่ยน รnput นี้จาก hidden เป็น text ครับ

wijnruit · Answer

ขอบคุณมากค่ะ