<script language="javascript" src="js/jquery.js"></script>
<script language="javascript">
$(document).ready(function(){
$(".tu>a").each(function(i){
$(this).click(function(){
$("#xb_class1").val($("#xb_class1").val()+"|"+$(this).parent("div").parent("div").children("span").html()+","+$(this).html());


});

});
});

解决方案 »

  1.   

    html结构呢,怎么贴一半出来,如何本地重现问题?
      

  2.   

    A.php是被告调用页面
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <link href="css/xb_css.css" rel="stylesheet" type="text/css">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script language="javascript" src="js/jquery.js"></script>
    <script language="javascript">
    $(document).ready(function(){
    $(".tu>a").each(function(i){
    $(this).click(function(){
    $("#xb_class1").val($(this).parent("div").parent("div").children("span").html()+","+$(this).html());
    });

    });
    });</script>
    </head><body><?php
    include_once("conn/conn.php");
    $db= new db;
    $sql="select * from clas";
    $rs=$db->execute($sql);
    $maxclass=array();if($db->num($rs)<=0){
    echo "没有分类";
    exit;
    }while($arr=$db->fetch($rs)){
    if($arr["xb_upid"]==0){
    echo "<div class=\"one\"><span>".$arr["xb_name"]."</span>";
    $sql="select * from clas where xb_upid=".$arr["id"];
    $rs1=mysql_query($sql);
    while($arr1=$db->fetch($rs1)){
       echo "<Div class=\"tu\"><a href='#' title=".$arr["id"].",".$arr1["id"].">".$arr1["xb_name"]."</a></div>";

    }


    }

    echo "</div>";
    }?></body>
    </html>
    b.php主页面
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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>无标题文档</title>
    <script type="application/javascript" src="./js/jquery.js"></script>
    <link href="css/xb_css.css" rel="stylesheet" type="text/css" />
    </head>
    <script language="javascript" >
    $(document).ready(function(){

    $("#class").click(function(){
    $.get("./showclass.php",function(data){
    $("#show").html(data);
    //alert(data);
    });
    }); });
    </script>
    <body style="font-size:13px;">
    <form action="upfile.php" method="post" enctype="multipart/form-data" name="form1" id="form1">
    <table width="640" height="311" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="50" nowrap="nowrap">标题</td>
        <td><label for="xb_title"></label>
          <input name="xb_title" type="text" id="xb_title" size="30" /></td>
        <td width="50">&nbsp;</td>
      </tr>
      <tr>
        <td width="50" nowrap="nowrap">作者</td>
        <td><input name="xb_author" type="text" id="xb_author" size="30" /></td>
        <td width="50">&nbsp;</td>
      </tr>
      <tr>
        <td width="50" nowrap="nowrap">大小</td>
        <td><input name="xb_size" type="text" id="xb_size" size="30" /></td>
        <td width="50">&nbsp;</td>
      </tr>
      <tr>
        <td width="50" nowrap="nowrap">关键字</td>
        <td><input name="xb_key" type="text" id="xb_key" size="30" /></td>
        <td width="50">&nbsp;</td>
      </tr>
      <tr>
        <td width="50" nowrap="nowrap">图片</td>
        <td><label for="xb_pic"></label>
          <input type="file" name="xb_pic" id="xb_pic" /></td>
        <td width="50">&nbsp;</td>
      </tr>
      <tr>
        <td width="50" nowrap="nowrap">地址1</td>
        <td><input name="xb_dz1" type="text" id="xb_dz1" size="50" /></td>
        <td width="50">&nbsp;</td>
      </tr>
      <tr>
        <td width="50" nowrap="nowrap">地址2</td>
        <td><input name="xb_dz2" type="text" id="xb_dz2" size="50" /></td>
        <td width="50">&nbsp;</td>
      </tr>
      <tr>
        <td width="50" nowrap="nowrap">分类</td>
        <td><label for="textfield2"></label>
          <input name="xb_class" type="text" id="xb_class1" size="50" maxlength="50" />
          <a href="#" id="class">显示分类</a></td>
        <td width="50">&nbsp;</td>
      </tr>
      <tr>
        <td nowrap="nowrap">&nbsp;</td>
        <td id="show"></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td nowrap="nowrap">介绍</td>
        <td><textarea name="xb_explain" cols="90" rows="10" id="xb_explain"></textarea></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td width="50" nowrap="nowrap">&nbsp;</td>
        <td><label for="xb_explain">
          <input type="submit" name="button" id="button" value="提交" />
        </label></td>
        <td width="50">&nbsp;</td>
      </tr>
    </table>
       </form>
    </body>
    </html>
      

  3.   

    设置innerHTML里面的js不会运行的,而且你的a.php不要再返回html,body,head这种标签,要不设置容器内容后可能导致当前页面错乱,将a.php的js放到b.php中,改为live动态绑定a.php
    <?php
    include_once("conn/conn.php");
    $db= new db;
    $sql="select * from clas";
    $rs=$db->execute($sql);
    $maxclass=array();
     
    if($db->num($rs)<=0){
        echo "没有分类";
        exit;  
        }
     
    while($arr=$db->fetch($rs)){
        if($arr["xb_upid"]==0){
            echo "<div class=\"one\"><span>".$arr["xb_name"]."</span>";
            $sql="select * from clas where xb_upid=".$arr["id"];
            $rs1=mysql_query($sql);
            while($arr1=$db->fetch($rs1)){
               echo "<Div class=\"tu\"><a href='#' title=".$arr["id"].",".$arr1["id"].">".$arr1["xb_name"]."</a></div>";
             
                }
             
             
            }
                 
                echo "</div>";
                }
     
    ?>b.php$(document).ready(function(){
             
    $("#class").click(function(){
        $.get("./showclass.php",function(data){
            $("#show").html(data);
            //alert(data);
            });
        });     /////////////////////////不用each遍历绑定了,直接live就好了
     $(".tu>a").live('click',function(){$("#xb_class1").val($(this).parent("div").parent("div").children("span").html()+","+$(this).html());});///////////////////   
     
        });