0

我有这样的表格

 "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>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</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 Sub1选项加载来自在Select NavMenu更改时调用的事件。并且定义了事件，我们在其中发送 navmenu 的值并发布到autofunction.php
自动功能代码是

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的值以插入数据库时​​出现问题。没有必需的值，因为

innerHTML 的内容只显示在浏览器中而不是页面源中，所以我也搜索更改页面源中的内容。我找到了 j 查询加载函数。并看到很多例子但失败了怎么做

$('#sub1_menu_td').load(data); ???????????

我需要将数据加载到#sub1_menu_td。

这个怎么做。尝试很多

$('#sub1_menu_td').load("autofunction.php #sub1_menu_td");

但失败

我的目标是在 pagesource 中加载相同的内容，以便我可以获取值

4

2 回答 2

0

当您使用jquery并更改 DOM 的 html 时（文档对象模式）

然后在查看源代码中，这些来自（ajax，load 和 jquery 或 javascript 中的任何方法）的 html 在查看源代码中看不到

在查看源代码中，我们只看到页面加载时出现的 html

通过服务器端语言，如 php,,net,java

不是像javascript这样的客户端语言

请参阅GOOGLE PLAY 中的所有 html 都来自 ajax 在控制台中查看以获得最佳结果 在 带有firebug的firefox中查看

于 2013-08-21T05:49:08.510 回答
0

抱歉，我无法阅读所有代码，但我看到您的 autofunction.php 需要一个 post 变量才能工作，所以在 load() 方法中，我们添加一个变量 action=getsub1 来验证条件 if($_REQUEST['action '] == "getsub1")：

   $('#sub1_menu_td').load("autofunction.php",{action: 'getsub1'});
于 2013-08-21T05:50:51.500 回答