¾ÛÅøÁî
46.¢½.168.138
46.¢½.168.129
46.¢½.168.161
46.¢½.168.136
46.¢½.168.145
46.¢½.168.162
46.¢½.168.144
46.¢½.168.140
115.¢½.135.198
46.¢½.168.139
 
°Ô½Ã¹° 1°Ç
JQuery¸¦ ÀÌ¿ëÇÑ selectbox Á¦¾î
±Û¾´ÀÌ : ÀÌ°æ¿ë ³¯Â¥ : 2013-11-12 (È­) 14:43 Á¶È¸ : 4864

¼±ÅÃµÈ °ª Á¦¾î ¹æ¹ý jQuery·Î ¼±ÅÃµÈ °ª Àбâ
$("#box_Name option:selected").val();
$("select[name=box_Name ]").val();

jQuery·Î ¼±ÅÃµÈ ³»¿ë Àбâ
$("#box_Name option:selected").text();

JQuery·Î ¼±ÅÃµÈ Index Àϱâ
var index = $("#box_Name option").index($("#box_Name option:selected"));

[Append & Remove]
// ¼¿·ºÆ® ¹Ú½º ¿É¼Ç¿¡ Ãß°¡(±âÁ¸ ¿É¼Ç µÚÂÊÀ¸·Î Ãß°¡)
$("#box_Name ").append("<option value='1'>Apples</option>");

// ¿É¼Ç ½ÃÀÛ ºÎºÐ(¸Ç ¾Õ¿¡) Ãß°¡
$("#box_Name ").prepend("<option value='0'>Before Apples</option>");

// index¹øÈ£°¡ 0ÀΰÍÀ» Á¦°Å
$("#box_Name option:eq(0)").remove();

// ù¹ø° ¿É¼Ç ¿¤¸®¸ÕÆ®¸¦ Á¦°Å
$("#box_Name option:first").remove();

// ¸¶Áö¸· ¿É¼Ç ¿¤¸®¸ÕÆ®¸¦ Á¦°Å
$("#box_Name option:last").remove();

[Change ¿É¼Ç]
// ¿É¼Ç°ªÀÇ À妽º ¹øÈ£¸¦ º¯°æ
$("#box_Name option:eq(1)").replaceWith("<option value='2'>Some apples</option>")

// 2¹ø À妽ºÀÇ °ªÀ» ¼±ÅÃµÈ »óÅ·Πº¯°æ
$("#myselect option:eq(2)").attr("selected", "selected");

// ÅؽºÆ® ³»¿ëÀ¸·Î ¼±ÅÃµÈ »óÅ·Πº¯°æ
$("#box_Name ").val("Some oranges").attr("selected", "selected");

// ¼±ÅÃµÈ ¿É¼ÇÀÇ °ªÀ» º¯°æ
$("#box_Name ").val("2");



°Ô½Ã¹° 1°Ç
¹øÈ£ Á¦¸ñ ±Û¾´ÀÌ ³¯Â¥ Á¶È¸
1  JQuery¸¦ ÀÌ¿ëÇÑ selectbox Á¦¾î ÀÌ°æ¿ë 11-12 4865
 
 
 
Copyright ¨Ï wwwold.androidstudy.co.kr. All rights reserved.