¢Â Áú¹® ÀÛ¼º ½Ã Æнº¿öµå´Â °Ô½ÃÆÇ ¾ÏÈ£¿Í ´Ù¸£°Ô ÀڽŸ¸ÀÇ ¾ÏÈ£·Î ¼³Á¤¹Ù¶ø´Ï´Ù. ¢Â
    Á¤¼ºÈÆ
    jQuery·Î 3´Ü Ä«Å×°í¸® ¼¿·ºÆ® »ç¿ë ¹æ¹ý
  https://phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=70863&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%B5%BF%C0%FB+%BC%BF%B7%BA%C6%AE&sop=and



±¸±Û °Ë»ö https://www.google.co.kr/?gws_rd=ssl#q=jQuery+%EC%97%AC%EB%9F%AC+%EA%B0%9C%EC%9D%98+select+%EC%98%88%EC%A0%9C+PHP&spf=1497510745720
 
À§ »çÀÌÆ® ³»¿ë
¼¿·ºÆ® ¹Ú½º3°³¸¦ AJAX ó¸®ÇÏ¿© µ¿ÀûÀ¸·Î ÇÏÀ§ Ä«Å×°í¸®°¡
Ç¥½ÃµÇ´Â °ÍÀ» ¸¸µé´øÁß jquery ¸¦ »ç¿ëÇؼ­ ÀûÀýÇÏ°Ô Çغ¸ÀÚ Çؼ­
¸¸µé¾î º» ¿¹Á¦ÀÔ´Ï´Ù. jquery¸¦ ¸ð¸¦¶§´Â Èûµé¾ú´ø ±â¾ïÀÌ -_-.. Àִµ¥¿ä.

¾Æ·¡Ã³·³ 3´Ü ajax ¼¿·ºÆ® ¹Ú½º°¡ ¿©·¯¼ÂÆ®·Î ³ª¿À´õ¶óµµ (µ¿Àû Ãß°¡°¡ µÇ´õ¶óµµ)
Àß ÀÛµ¿µÇ´Â ¿¹Á¦°¡ µÇ¾ú½À´Ï´Ù.
¼­¹öÂÊ ¼Ò½º´Â ¾øÁö¸¸ ¾Æ·¡ Äڵ尡 µµ¿òÀÌ µÉ±îÇؼ­ ¿Ã·Áº¾´Ï´Ù ^^;


<form name="form1" method="get" action="">

<div>
<select name="code1" onchange="setComboBox(this)" style="width:100px;">
<option value="">- Àüü -</option>
<?makeCode1Option();?>
</select>
<select name="code2" onchange="setComboBox(this)" style="width:100px;">
<option value="">- Àüü -</option>
</select>
<select name="code3" style="width:100px;">
<option value="">- Àüü -</option>
</select>
</div>

<div>
<select name="code1" onchange="setComboBox(this)" style="width:100px;">
<option value="">- Àüü -</option>
<?makeCode1Option();?>
</select>
<select name="code2" onchange="setComboBox(this)" style="width:100px;">
<option value="">- Àüü -</option>
</select>
<select name="code3" style="width:100px;">
<option value="">- Àüü -</option>
</select>
</div>

... ¹Ýº¹µµ °¡´É

</form>


<script type="text/javascript">

function setComboBox(o){
var code = o.value;
var div = $(o).parent(); // ¼¿·ºÆ® ¹Ú½ºÀÇ »óÀ§ °´Ã¼
var cnt = $('select', div).size(); // ¼¿·ºÆ® ¹Ú½º °¹¼ö
var idx = $('select', div).index(o); // ÇöÀç ¼¿·ºÆ® ¹Ú½ºÀÇ ¼ø¼­
var depth = cnt - 1 + idx;
var combo = $('select', div).eq(idx + 1);
var text = '<option value="">- Àüü -</option>';

if(code == ''){ // Àüü¸¦ ¼±ÅÃÇßÀ» °æ¿ì
$('select:gt(' + idx + ')', div).html(text);
return;
}

$.post('/include/util/code_data.php', {depth:depth, code:code}, function(rst){
var data = eval('(' + rst + ')');
var loop = data.length;
$('select:gt(' + idx + ')', div).html(text);
for(var i=0 ; i<loop ; i++){
combo.append('<option value="' + data[i].code + '">' + data[i].name + '</option>');
}
});
}

</script>

¼öÁ¤µÈ ½ºÅ©¸³Æ® ´Ù½Ã ¿Ã¸³´Ï´Ù. - 10.01.15

 

  µî·ÏÀÏ : 2017-06-15 [17:17] Á¶È¸ : 1670 ´Ù¿î : 0   
 
¡â ÀÌÀü±ÛÇаú°³Àμ­¹ö Pydio ·Î±×ÀÎ °üÇÏ¿© Áú¹®µå¸³´Ï´Ù.
¡ä ´ÙÀ½±Û±â¸»°úÁ¦ Âü°íÀÚ·á
±â¸»°úÁ¦ Áú¹®/´äº¯ °Ô½ÃÆÇ
¹øÈ£ ¨Ï Á¦ ¸ñ À̸§ Á¶È¸ µî·ÏÀÏ
54 lÇаú°³Àμ­¹ö Pydio ·Î±×ÀÎ °üÇÏ¿© Áú¹®µå¸³´Ï´Ù. À¥¼­¹öÇÁ·Î±×·¡¹Ö ±è¸®³ª 230 03-26
53 ljQuery·Î 3´Ü Ä«Å×°í¸® ¼¿·ºÆ® »ç¿ë ¹æ¹ý À¥¼­¹öÇÁ·Î±×·¡¹Ö Á¤¼ºÈÆ 1670 06-15
52 ±â¸»°úÁ¦ Âü°íÀÚ·á ºñ°ø°³ °´Ã¼ÁöÇâ¾ð¾î À±Ã¤Çö 42 12-16
51 ±â¸»°úÁ¦ Áú¹® µå¸³´Ï´Ù. ºñ°ø°³ °´Ã¼ÁöÇâ¾ð¾î ¾çÀºÁö 9 12-10
50 ¦¦❶ ±â¸»°úÁ¦ Áú¹® µå¸³´Ï´Ù. ºñ°ø°³ °´Ã¼ÁöÇâ¾ð¾î Á¤¼ºÈÆ 9 12-11
49 ȸ¿øÁ¤º¸ ÀúÀå ¹®Á¦°ü·ÃÇÏ¿© Áú¹®µå¸³´Ï´Ù. ºñ°ø°³ À¥¼­¹öÇÁ·Î±×·¡¹Ö Á¤ÇöÁø 23 06-20
48 ¦¦❶ ȸ¿øÁ¤º¸ ÀúÀå ¹®Á¦°ü·ÃÇÏ¿© Áú¹®µå¸³´Ï´Ù. ºñ°ø°³ À¥¼­¹öÇÁ·Î±×·¡¹Ö Á¤¼ºÈÆ 19 06-21
47 ÇÔ¼ö µ¿½Ã½ÇÇà(ŸÀ̸Ó) ÀڷᱸÁ¶ ¹ÚÀ±Àç 996 06-19
46 ¦¦❶ ÇÔ¼ö µ¿½Ã½ÇÇà(ŸÀ̸Ó) ÀڷᱸÁ¶ Á¤¼ºÈÆ 1000 06-19
45 php¿Í mysql¿¬°á Áú¹® ÀÖ½À´Ï´Ù. ºñ°ø°³ À¥¼­¹öÇÁ·Î±×·¡¹Ö Á¤ÇöÁø 31 06-18
44 ¦¦❶ php¿Í mysql¿¬°á Áú¹® ÀÖ½À´Ï´Ù. ºñ°ø°³ À¥¼­¹öÇÁ·Î±×·¡¹Ö Á¤¼ºÈÆ 17 06-19
43    ¦¦❷ php¿Í mysql¿¬°á Áú¹® ÀÖ½À´Ï´Ù. ºñ°ø°³ À¥¼­¹öÇÁ·Î±×·¡¹Ö Á¤ÇöÁø 19 06-19
42 extplorer»ó¿¡ DB±¸Ãà À¥¼­¹öÇÁ·Î±×·¡¹Ö Á¤Áö¼ö 1122 06-12
41 ¦¦❶ extplorer»ó¿¡ DB±¸Ãà À¥¼­¹öÇÁ·Î±×·¡¹Ö Á¤¼ºÈÆ 1313 06-12
40 ±â¸»°úÁ¦ Áú¹®µå¸³´Ï´Ù. ÀڷᱸÁ¶ ÀÌ´ÙÇý 1301 06-11

[1][2][3][4]