Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > ขอความกรุณารบกวนพี่ๆผู้รู้ด้วยค่ะ **นำเมาส์ไปชี้ที่รายการใน select menu แล้วให้แสดงข้อมูลของรายการที่เราเลือกทำอย่างไรคะ รบกวนด้วยนะคะ**

ขอความกรุณารบกวนพี่ๆผู้รู้ด้วยค่ะ นำเมาส์ไปชี้ที่รายการใน select menu แล้วให้แสดงข้อมูลของรายการที่เราเลือกทำอย่างไรคะ รบกวนด้วยนะคะ

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

ComKids

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

คือพอหนูชี้ที่ห้อง ก็ให้แสดงข้อมูลห้องเหมือนภาพด้านบนเลยอ่ะค่ะ รบกวนด้วยนะคะ T T

Tag : PHP

Date : 2018-03-19 00:10:59

By : ComTechKids

View : 1169

Reply : 2

No. 1

Frammhe

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

Code

<div style="width: 80px; height: 20px; background-color: red;" onmouseover="document.getElementById('div1').style.display = 'block';" onmouseout="document.getElementById('div1').style.display = 'none';">
   <div id="div1" style="display: none;">
      ข้อมูลที่นี่
   </div>
</div>

โค๊ดนี้เอาไว้ประยุกต์ใช้นะครับ

ตัวนี้เป็นโค๊ดจาก stackoverflow ถ้าไม่เข้าใจลองค้นหาคำว่า "html js mouseover show div"

Code

<select name="..">
  <option value="Room1">
    <span onmouseover="document.getElementById('room1').style.display = 'block';" onmouseout="document.getElementById('room1').style.display = 'none';">ห้องที่ 1</span>
    <div id="room1" style="display: none">
      <!-- ใส่เป็น Table ก็ได้ -->
    </div>
  </option>
</select>

ประวัติการแก้ไข
2018-03-19 08:23:41

Date : 2018-03-19 06:44:07

By : Androidgamer

No. 2

ComKids

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : Androidgamer เมื่อวันที่ 2018-03-19 06:44:07

รายละเอียดของการตอบ ::

ขอบคุณมาก ๆ นะคะ จะลองนำไปประยุกต์ดูค่ะ ผลเป็นยังไงเดี๋ยวกลับมาบอกนะคะ ขอบคุณค่า

ประวัติการแก้ไข
2018-03-19 12:28:25

Date : 2018-03-19 12:27:57

By : ComTechKids

ค้นหาข้อมูล

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

Re : ขอความกรุณารบกวนพี่ๆผู้รู้ด้วยค่ะ **นำเมาส์ไปชี้ที่รายการใน select menu แล้วให้แสดงข้อมูลของรายการที่เราเลือกทำอย่างไรคะ รบกวนด้วยนะคะ**

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

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

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

Load balance : Server 00

Registered : 109,037

No. 1

No. 2

ค้นหาข้อมูล

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

Notice