{"id":564,"date":"2012-02-09T06:21:51","date_gmt":"2012-02-09T06:21:51","guid":{"rendered":"http:\/\/brain.dailyon.net\/?p=564"},"modified":"2012-02-09T06:21:51","modified_gmt":"2012-02-09T06:21:51","slug":"jquery-select-box-example1","status":"publish","type":"post","link":"https:\/\/blog.goorigo.com\/?p=564","title":{"rendered":"jQuery : select box example1"},"content":{"rendered":"

\ub2e4\uc74c\uacfc \uac19\uc740 JSON \ud615\uc2dd\uc758 \ud30c\uc77c\uc774 \uc788\ub2e4\uace0 \uac00\uc815\ud55c\ub2e4.<\/p>\n

Test.json<\/strong><\/p>\n

{“S1”:[<\/p>\n

{“S1_value”:”1″, “S1_text”: “\uac15\uc544\uc9c0”},<\/p>\n

{“S1_value”:”2″, “S1_text”: “\uace0\uc591\uc774”}<\/p>\n

],<\/p>\n

“S2”:[<\/p>\n

{“S2_value”:”1″, “S2_text”: “\uc218\ubc15”},<\/p>\n

{“S2_value”:”2″, “S2_text”: “\uc0ac\uacfc”}<\/p>\n

]<\/p>\n

}<\/p>\n

 <\/p>\n

Test.html<\/strong><\/p>\n

:<\/p>\n

:<\/p>\n

<script src=”http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.5\/jquery.min.js<\/a>” type=”text\/javascript”><\/script><\/p>\n

<script language=javascript><\/p>\n

$(function(){<\/p>\n

var ani = ”;<\/p>\n

var fru=”;<\/p>\n

$.getJSON(“Test.json” function(data){<\/p>\n

each(data.S1, function(i, ani_s){????????????\/\/JSON Data \uc911 S1(\uc560\uc644\ub3d9\ubb3c)\uc5d0 \ud574\ub2f9 \ub418\ub294\uac83\ub9cc \uac00\uc838\uc628\ub2e4.<\/span><\/p>\n

ani = ani + “<option value='”+ani_s.S1_value+”‘>”+ani_s.S1_text+”<\/option>”;<\/p>\n

});<\/p>\n

 <\/p>\n

each(data.S2, function(i, fru_s){????????????\/\/JSON Data \uc911 S2(\uacfc\uc77c)\uc5d0 \ud574\ub2f9 \ub418\ub294\uac83\ub9cc \uac00\uc838\uc628\ub2e4.<\/span><\/p>\n

fru = fru + “<option value='”+fru_s.S2_value+”‘>”+fru_s.S2_text+”<\/option>”;<\/p>\n

});<\/p>\n

 <\/p>\n

$(“#ANI”).empty().append(ani);????????????\/\/\uc560\uc644\ub3d9\ubb3c SelectBox? \ucd08\uae30\ud654 \ud6c4 append.
\n<\/span>$(“#FRU”).empty().append(fru);????????????\/\/\uacfc\uc77c SelectBox \ucd08\uae30\ud654 \ud6c4 append<\/span><\/p>\n

});<\/p>\n

});<\/p>\n

<\/script><\/p>\n

:<\/p>\n

\uc911\ub7b5<\/span><\/p>\n

:<\/p>\n

<label for=”ANI”>\uc560\uc644\ub3d9\ubb3c<\/label><select name=”ANI” ID=”ANI”><\/select><\/p>\n

<label for=”FRU”>\uacfc\uc77c<\/label><select name=”FRUI” ID=”FRU”><\/select><\/p>\n

:<\/p>\n

 <\/p>\n

 <\/p>\n

\uae30\ud0c0<\/strong><\/p>\n

SelectBox \uc560\uc644\ub3d9\ubb3c\uc911 \uace0\uc591\uc774 \uac12 \uc120\ud0dd\ud558\uae30.<\/p>\n

$(“#ANI”).val(‘2′);<\/p>\n

$(“#ANI>option[value=’2′]”).attr(“selected”, true);<\/p>\n

\ub610\ub294 \uc635\uc158\uadf8\ub8f9\uc774 \uc788\ub294Select Box?\uc778\uacbd\uc6b0<\/p>\n

$(“#ANI> optgroup >option[value=’2’]”).attr(“selected”, true);<\/p>\n

 <\/p>\n

\uc120\ud0dd\ub41c \uac12 \uc77d\uc5b4\uc624\uae30<\/p>\n

$(“#ANI option:selected”).val();
\n$(“select[name=ANI]”).val();<\/p>\n

 <\/p>\n

\uc120\ud0dd\ub41c \uac12 \uc0ad\uc81c<\/p>\n

$(‘#ANI option:selected’).remove();<\/p>\n

 <\/p>\n

SelectBox \uc560\uc644\ub3d9\ubb3c\uc911 \uace0\uc591\uc774?\uc0ad\uc81c<\/p>\n

$(“#ANI option[value=’2′]”).remove();<\/p>\n

 <\/p>\n

\ucc38\uace0?<\/strong>: \uc720\uc6a9\ud55c Plug-in<\/p>\n

http:\/\/www.techiegyan.com\/2008\/07\/26\/jquery-handling-html-select\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

\ub2e4\uc74c\uacfc \uac19\uc740 JSON \ud615\uc2dd\uc758 \ud30c\uc77c\uc774 \uc788\ub2e4\uace0 \uac00\uc815\ud55c\ub2e4. Test.json {“S1”:[ {“S1_value”:”1″, “S1_text”: “\uac15\uc544\uc9c0”}, {“S1_value”:”2″, “S1_text”: “\uace0\uc591\uc774”} ], “S2”:[ {“S2_value”:”1″, “S2_text”: “\uc218\ubc15”}, {“S2_value”:”2″, “S2_text”: “\uc0ac\uacfc”} ] }   Test.html : : <script… <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/posts\/564"}],"collection":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=564"}],"version-history":[{"count":0,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=\/wp\/v2\/posts\/564\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=564"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=564"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.goorigo.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=564"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}