私はこのようなフォームを持っています
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" language="javascript">
function get_sub1(value)
{
$(document).ready(
function()
{
$.post("autofunction.php?action=getsub1" ,
{ navmenu_id : value },
function(data)
{ alert(data);
$('#sub1_menu_td').html(data);
});
});
}
</script>
</head>
<body>
<form action="" name="mainform" method="post">
<table align="center" cellpadding="0" cellspacing="0" border="1">
<tr>
<th>Select NavMenu </th>
<td>
<select id="parent_menu" name="parent_menu" onchange="get_sub1(this.value)">
<option value="0">Select</option>
<?php
$nevmenu_result = $db->query ("select * from tblnavmenu");
while ($nevmenu_info = mysql_fetch_array($nevmenu_result))
{
?>
<option value="<?=$nevmenu_info['nevmenu_id']?>" > <?=$nevmenu_info['nevmenu_name']?> </option>
<?php
}
?>
</select>
</td>
<tr >
<th>Select Sub1 </th>
<td id="sub1_menu_td">
<select id="sub1_menu" name="sub1_menu" >
<option value="0">Select</option>
</select>
</td>
</tr>
<tr>
<th>Sub2 Code:</th>
<td><input type="text" name="sub2_id" id="sub2_id" /></td>
</tr>
<tr>
<th>Sub2 Name:</th>
<td><input type="text" name="sub2_name" id="sub2_name" /></td>
</tr>
<tr>
<th>Sub2 Link:</th>
<td><input type="text" name="sub2_link" id="sub2_link" /></td>
</tr>
</table>
<table class="button" align="center">
<tr><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td> <td> <img src="../images/save.png" height="50" width="50" style="cursor:pointer;" alt="Save" onClick="document.mainform.submit();"> </td>
</table>
</form>
</body>
</html>
このフォームがSelect NavMenuのベースに表示されるように、 Select NavMenuの変更時に呼び出されるイベントから発生するSelect Sub1オプション ロードが表示されます。そして、navmenu の値を送信してautofunction.php autofunctionコードに投稿するイベントが定義されています。
if($_REQUEST['action'] == "getsub1")
{
$navmenu_id = $_REQUEST['navmenu_id'];
$data = '<select id="sub1_menu" name"sub1_menu"> ';
$navmenu_result = $db->query("select * from sub1 where sub1_nevmenu_id = '".$navmenu_id."' ");
while($navmenu_info = mysql_fetch_array($navmenu_result))
{
$data .= '<option value="' . $navmenu_info['sub1_id']. '" > '.$navmenu_info['sub1_name'] . ' </option> ';
}
$data .= '</select>';
echo $data;
}
この応答として選択し、前の値に変更します。動作品ですが、Sub1 selectの値を取得してデータベースに挿入しようとすると問題が発生します。必要な値はありません。
ページソースではなくブラウザーに表示されるだけのinnerHTMLのコンテンツなので、ページソースのコンテンツも変更するために検索します。jクエリロード関数を見つけました。多くの例を見ますが、どのように行うか失敗します
$('#sub1_menu_td').load(data); ???????????
#sub1_menu_tdにデータをロードする必要があります。
これを行う方法。のようにたくさん試してみてください
$('#sub1_menu_td').load("autofunction.php #sub1_menu_td");
しかし失敗する
私の目的は、ページソースに同じコンテンツをロードして、値をフェッチできるようにすることです