รบกวนผู้รู้ช่วยหน่อยครับ เรื่อง 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>
 ยังไงรบกวนตอบด้วยละกันนะครับ ขอบคุณล่วงหน้าครับ

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

ขอบคุณมาก ๆ ครับ

 <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>