ÂøÇÑ °Íµé > Á¦ÀÌÄõ¸® ¿¹Á¦ > ÀÏ¹Ý ¿¹Á¦

Á¦ÀÌÄõ¸®·Î ¼¿·ºÆ®¹Ú½º ´Ù·ç±â

¡Ø ³»¿ë ¾÷µ¥ÀÌÆ®¿Í ȨÆäÀÌÁö °ü¸® ´Ù½Ã ½ÃÀÛÇÏ°Ú½À´Ï´Ù. ^^;
Á¦ÀÌÄõ¸®°¡ ³ª¿À±â Àü¿¡´Â ¼¿·ºÆ®¹Ú½º¸¦ ¸¸Áö´Â°Ô ±²ÀåÈ÷ ±ÍÂú¾Ò½À´Ï´Ù.

Ãß°¡, Á¦°Å, ¼±ÅÃÇÑ°Í Ã£±â, ¼ø¼­¹Ù²Ù±â, º¹»çÇϱâµîµîÀ» ÇÏ·Á¸é

Àº±Ù ¸¸¸¸Ä¡ ¾ÊÁÒ..

Á¦ÀÌÄõ¸®·ÎÇÏ¸é ½±½À´Ï´Ù. ¤¾¤¾

ÀÌ ¿¹Á¦´Â °è¼Ó Ãß°¡ÇØ º¸°Ú½À´Ï´Ù.
¿¹Á¦
¹Ú½º¿ÀÇǽº1 ¹Ú½º¿ÀÇǽº2





¹Ú½º¿ÀÇǽº3








¹Ú½º¿ÀÇǽº4







¼Ò½º
¹Ú½º¿ÀÇǽº1
<select name="boxoffice1">
	<option value="">- ¼±Åà -</option>
	<option value="">±¹Á¦½ÃÀå</option>
	<option value="">È£ºø: ´Ù¼¸ ±º´ë ÀüÅõ</option>
	<option value="">´Ô¾Æ, ±× °­À» °Ç³ÊÁö ¸¶¿À</option>
	<option value="">ÀÎÅͽºÅÚ¶ó</option>
</select>

¹Ú½º¿ÀÇǽº2
<select name="boxoffice2">
	<option value="">- ¼±Åà -</option>
</select>

<br>
<br>
<button type="button" onclick="$('[name=boxoffice1] option:last').prop('selected', true)">¹Ú½º¿ÀÇǽº1 ÀÇ ¸¶Áö¸· ¼±ÅÃ</button><br>
<button type="button" onclick="$('[name=boxoffice1] option:eq(1)').prop('selected', true)">¹Ú½º¿ÀÇǽº1 ÀÇ µÎ¹ø° ¼±ÅÃ</button><br>
<button type="button" onclick="$('[name=boxoffice2]').html($('[name=boxoffice1]').html())">¹Ú½º¿ÀÇǽº1 À» ¹Ú½º¿ÀÇǽº2 ·Î º¹»çÇϱâ</button><br>


<br>
¹Ú½º¿ÀÇǽº3<br>
<select name="boxoffice3" size="10" multiple>
	<option value="1">±¹Á¦½ÃÀå</option>
	<option value="2">È£ºø: ´Ù¼¸ ±º´ë ÀüÅõ</option>
	<option value="3">´Ô¾Æ, ±× °­À» °Ç³ÊÁö ¸¶¿À</option>
	<option value="4">ÀÎÅͽºÅÚ¶ó</option>
	<option value="5">¿¢¼Ò´õ½º: ½Åµé°ú ¿Õµé</option>
</select>
<br>
<br>
<button type="button" onclick="$('[name=boxoffice3] option').prop('selected', true)">¹Ú½º¿ÀÇǽº3 Àüü¼±ÅÃ</button><br>
<button type="button" onclick="$('[name=boxoffice3] option').prop('selected', false)">¹Ú½º¿ÀÇǽº3 ÀüüÇØÁ¦</button><br>
<button type="button" onclick="$('[name=boxoffice3] option:last').remove()">¹Ú½º¿ÀÇǽº3 ¸¶Áö¸· »èÁ¦</button><br>
<button type="button" onclick="$('[name=boxoffice3]').append('<option value=&quot;2&quot;>È£ºø: ´Ù¼¸ ±º´ë ÀüÅõ</option>')">¹Ú½º¿ÀÇǽº3 ¿¡ Ãß°¡</button><br>
<button type="button" onclick="$('[name=boxoffice3]').prepend('<option value=&quot;3&quot;>´Ô¾Æ, ±× °­À» °Ç³ÊÁö ¸¶¿À</option>')">¹Ú½º¿ÀÇǽº3 óÀ½¿¡ Ãß°¡</button><br>


<br>
¹Ú½º¿ÀÇǽº4<br>
<select name="boxoffice4" size="20">
	<option value="1">±¹Á¦½ÃÀå</option>
	<option value="2">È£ºø: ´Ù¼¸ ±º´ë ÀüÅõ</option>
	<option value="3" selected>´Ô¾Æ, ±× °­À» °Ç³ÊÁö ¸¶¿À</option>
	<option value="4">ÀÎÅͽºÅÚ¶ó</option>
	<option value="5">¿¢¼Ò´õ½º: ½Åµé°ú ¿Õµé</option>
</select>
<br>
<br>
<button type="button" onclick="alert($('[name=boxoffice4] option').index($('[name=boxoffice4] option:selected')))">¹Ú½º¿ÀÇǽº4 ¼±ÅõȰÍÀÇ ¼ø¼­(0ºÎÅÍ ½ÃÀÛ)</button><br>
<button type="button" onclick="$('[name=boxoffice4] option:selected').after('<option value=&quot;3&quot;>´Ô¾Æ, ±× °­À» °Ç³ÊÁö ¸¶¿À</option>')">¹Ú½º¿ÀÇǽº4 ¼±ÅÃµÈ°Í µÚ¿¡ Ãß°¡</button><br>
<button type="button" onclick="$('[name=boxoffice4] option:selected').before('<option value=&quot;4&quot;>ÀÎÅͽºÅÚ¶ó</option>')">¹Ú½º¿ÀÇǽº4 ¼±ÅÃµÈ°Í ¾Õ¿¡ Ãß°¡</button><br>
<button type="button" onclick="$('[name=boxoffice4] option:selected').remove(); $('[name=boxoffice4] option:first').prop('selected', true)">¹Ú½º¿ÀÇǽº4 ¼±ÅÃµÈ°Í »èÁ¦</button><br>
<button type="button" onclick="$('[name=boxoffice4] option:selected').after($('[name=boxoffice4] option:selected').clone())">¹Ú½º¿ÀÇǽº4 ¼±ÅõȰÍÀ» ¾Æ·¡¿¡ º¹»ç</button><br>
°ü·Ã±Û ¸ðÀ½ (¼¿·ºÆ® ¹Ú½º °ü·Ã ¿¹Á¦)
¢Ñ ´ÞÆØÀÌȨ2 µî·ÏÀÏ : 2014-12-20