Ajax ¤È PHP ¤ÇÆþÎÏÊä´°
2010.03.07 Sunday
»Å»ö¤Ç¤Á¤ç¤Ã¤È¤Ä¤Þ¤º¤¤¤¿¤«¤é¡¢¥á¥â¥á¥â¡£
¡ýÆþÎÏÊä´°¤òºîÀ®¤¹¤ë
¥Æ¥¥¹¥È¥Ü¥Ã¥¯¥¹¤Ëʸ»ú¤¬ÆþÎϤµ¤ì¤ë¤È¡¢£Ä£Â¤ËÅÐÏ¿¤µ¤ì¤Æ¤¤¤ë¥ï¡¼¥É¤ÈÈæ³Ó¤·¤Æ
»÷¤¿¤â¤Î¤ò¸õÊä¤È¤·¤Æ½ÐÎϤ¹¤ë¡¢¤È¤¤¤¦¥×¥í¥°¥é¥à¡£
¤â¤Á¤í¤ó¥ê¥¢¥ë¥¿¥¤¥à¤Ç½ÐÎϤµ¤ì¤ë¤ä¤Ä¤Ç¤¹¡£
¡§HTML¡§
¡§jQuery¡§
¡§PHP(disp.php)¡§
$dispary ¢«¤³¤¤¤Ä¤Ë£Ä£Â¤«¤é°ú¤ÃÄ¥¤Ã¤Æ¤¤¿¥Ç¡¼¥¿¤¬Æþ¤Ã¤Æ¤ë¤È¤·¤Æ
½ÐÎÏ·Á¼°¤Ï¥»¥ì¥¯¥È¥Ü¥Ã¥¯¥¹¤¬Îɤ¤¡ª
¤Ã¤Æ¤ï¤±¤Ç¡¢ºÇ½é¤Ï¤³¤¦½ñ¤¤¤Æ¤¿¡£
·ë²Ì¤Ï¡¢¥Ö¥é¥¦¥¶¤ËͽÁÛÄ̤ê¤Îɽ¼¨¤¬¤µ¤ì¤ë¤â¤Î¤Î
onClick ¤¬ firefox °Ê³°¤Î¥Ö¥é¥¦¥¶¤Çưºî¤·¤Ê¤¤¡ª
¤Ê¤ó¤Ç¤è¡Ä¡£
¥°¥°¤Ã¤Æ¤â½Ð¤Æ¤³¤Ê¤¤¤·¡¢¥¢¥ì¥³¥ì»î¤·¤¿¤±¤Éư¤«¤º¡£
¤Ç¡¢ºÇ½ªÅª¤Ë¤Ï¥³¥ì¤Ç²ò·è¡£
onClick ¤Ï¥À¥á¤À¤±¤É onChange ¤Ê¤éư¤¤Þ¤·¤¿¡£
¤É¡¼¤æ¡¼¤³¤Ã¤Á¤ã¡£
--------------------------
ÄûÀµ¡§onClick ¤Ë¤Ä¤¤¤Æ
¥ê¥Õ¥¡¥ì¥ó¥¹¸«Ä¾¤·¤Þ¤·¤¿¡£
onClick ¤Ï option ¤Ë»ØÄê¤Ç¤¤Ê¤¤¤ä¤ó¡£¤¢¤ì¡¼¡£
¤É¤¦¤â¤ªÁû¤¬¤»¤·¤Þ¤·¤¿¡£¡£¡£
¡ýÆþÎÏÊä´°¤òºîÀ®¤¹¤ë
¥Æ¥¥¹¥È¥Ü¥Ã¥¯¥¹¤Ëʸ»ú¤¬ÆþÎϤµ¤ì¤ë¤È¡¢£Ä£Â¤ËÅÐÏ¿¤µ¤ì¤Æ¤¤¤ë¥ï¡¼¥É¤ÈÈæ³Ó¤·¤Æ
»÷¤¿¤â¤Î¤ò¸õÊä¤È¤·¤Æ½ÐÎϤ¹¤ë¡¢¤È¤¤¤¦¥×¥í¥°¥é¥à¡£
¤â¤Á¤í¤ó¥ê¥¢¥ë¥¿¥¤¥à¤Ç½ÐÎϤµ¤ì¤ë¤ä¤Ä¤Ç¤¹¡£
¡§HTML¡§
<form id="frm" name="frm">
<input type="text" name="txt" onkeyup="funcAjax(this.frm)" />
<div id="disp"></div>
</form>
<input type="text" name="txt" onkeyup="funcAjax(this.frm)" />
<div id="disp"></div>
</form>
¡§jQuery¡§
function funcAjax(str) {
.ajax({
type: "POST",
url: "disp.php",
data: str,
success: function(res){
$("#disp").html(res);
}
});
}
.ajax({
type: "POST",
url: "disp.php",
data: str,
success: function(res){
$("#disp").html(res);
}
});
}
¡§PHP(disp.php)¡§
$dispary ¢«¤³¤¤¤Ä¤Ë£Ä£Â¤«¤é°ú¤ÃÄ¥¤Ã¤Æ¤¤¿¥Ç¡¼¥¿¤¬Æþ¤Ã¤Æ¤ë¤È¤·¤Æ
½ÐÎÏ·Á¼°¤Ï¥»¥ì¥¯¥È¥Ü¥Ã¥¯¥¹¤¬Îɤ¤¡ª
¤Ã¤Æ¤ï¤±¤Ç¡¢ºÇ½é¤Ï¤³¤¦½ñ¤¤¤Æ¤¿¡£
$disp = "<select name='hoge'>";
forech( $dispary as $key => $value ) {
$disp = $disp."<option value='".$value."' onClick='funcSel'>".$value."</option>";
}
$disp = $disp."</select>";
forech( $dispary as $key => $value ) {
$disp = $disp."<option value='".$value."' onClick='funcSel'>".$value."</option>";
}
$disp = $disp."</select>";
·ë²Ì¤Ï¡¢¥Ö¥é¥¦¥¶¤ËͽÁÛÄ̤ê¤Îɽ¼¨¤¬¤µ¤ì¤ë¤â¤Î¤Î
onClick ¤¬ firefox °Ê³°¤Î¥Ö¥é¥¦¥¶¤Çưºî¤·¤Ê¤¤¡ª
¤Ê¤ó¤Ç¤è¡Ä¡£
¥°¥°¤Ã¤Æ¤â½Ð¤Æ¤³¤Ê¤¤¤·¡¢¥¢¥ì¥³¥ì»î¤·¤¿¤±¤Éư¤«¤º¡£
¤Ç¡¢ºÇ½ªÅª¤Ë¤Ï¥³¥ì¤Ç²ò·è¡£
$disp = "<select name='hoge' onChange='funcSel'>";
forech( $dispary as $key => $value ) {
$disp = $disp."<option value='".$value."'>".$value."</option>";
}
$disp = $disp."</select>";
forech( $dispary as $key => $value ) {
$disp = $disp."<option value='".$value."'>".$value."</option>";
}
$disp = $disp."</select>";
onClick ¤Ï¥À¥á¤À¤±¤É onChange ¤Ê¤éư¤¤Þ¤·¤¿¡£
¤É¡¼¤æ¡¼¤³¤Ã¤Á¤ã¡£
--------------------------
ÄûÀµ¡§onClick ¤Ë¤Ä¤¤¤Æ
¥ê¥Õ¥¡¥ì¥ó¥¹¸«Ä¾¤·¤Þ¤·¤¿¡£
onClick ¤Ï option ¤Ë»ØÄê¤Ç¤¤Ê¤¤¤ä¤ó¡£¤¢¤ì¡¼¡£
¤É¤¦¤â¤ªÁû¤¬¤»¤·¤Þ¤·¤¿¡£¡£¡£



