รบกวนผู้รู้ช่วยหน่อยครับ เรื่อง select tag

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา รบกวนผู้รู้ช่วยหน่อยครับ เรื่อง select tag

รบกวนผู้รู้ช่วยหน่อยครับ เรื่อง select tag
ผมต้องการให้ select รับค่าต่อกัน เช่น
/*sel1*/ 
<select name category>
<option value1>เสื้อ</option>
<option value2>กางเกง</option>
<option value3>รองเท้าk</option>
</slect>
* ถ้าเลือก เสื้อ ต้องการให้ sel2 ออกมาเช่น
/*sel2*/
<select name sub_cat>
<option value1>เสื้อแขนยาว</option>
<option value2>เสื้อแขนสั้น</option>
<option value3>เสื้อยีน</option>
</select>
 ยังไงรบกวนตอบด้วยละกันนะครับ ขอบคุณล่วงหน้าครับ


Icenokoto 171.4.250.xxx 11-06-2014 05:28:18

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1
กำหนดรายการใน listbox ที่ 2 จากเงื่อนไขการเลือก listbox ที่ 1 ด้วย ajax ใน jquery อย่างง่าย
https://www.ninenik.com/content.php?arti_id=207 via @ninenik



wowowow 110.168.218.xxx 12-06-2014 13:31
 ความคิดเห็นที่ 2
ขอบคุณมาก ๆ ครับ


icenokoto 171.4.251.xxx 13-06-2014 02:13
 ความคิดเห็นที่ 3
 <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">
	$(document).ready(function() {
		$("select[name='category']").change(function(){
			
			var attr = $("option:selected",this).attr('require');

			if (typeof attr !== typeof undefined && attr !== false){
				$("select[name='"+attr+"']").show();
			}

		});
	});
  </script>

<select name="category">
<option value="">please choose</option>
<option value="1" require="sub_cat1">เสื้อ</option>
<option value="2">กางเกง</option>
<option value="3">รองเท้า</option>
</select>

<select name="sub_cat1" style='display:none;'>
<option value="1">เสื้อแขนยาว</option>
<option value="2">เสื้อแขนสั้น</option>
<option value="3">เสื้อยีน</option>
</select>


Unidentifier 118.172.169.xxx 23-06-2014 18:27
1






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ