Question

Hiii Everone，

我想检查条件，同时加载td tag.SO，我试图在onload函数的帮助下检查条件.Below是示例，但我在onload内部尝试的代码不起作用请任何人帮助我摆脱这个问题。如果check_course里面的条件大于1，它会显示按钮1或者按钮2，在td里面会有两个按钮。

PHP代码

<?php 
date_default_timezone_set('Asia/Kolkata');
$date = date("Y-m-d");
$time = date("Y-m-d H:i:s");
require "country.php";
$per_email=$_POST['per_email'];
$stream_name=$_POST['specialization_filter'];
$country_filter=$_POST['country_filter'];
$country = new country();
$users = $country->universities($stream_name,$country_filter);

if ( empty($users) ) {
?>
<br/><br/>
   <?php       echo "<span class=\"alert alert-danger\">No universities Available For Your Search Results!!! </span> <br>" ;

}else{

 ?>
<div class="table-responsive" id="filter_universities">
<table class="table no-border">
<thead >
<tr class="row_univ">
<th class="university_sort" id="name_total_sort" status="asc" style="cursor:pointer">University 
<i class="fa fa-caret-down font-grey-salsa"></i>
</th>
<th class="col-md-3">Program</th>
<th class="fee_structure" id="fee_total_sort" status="asc" style="cursor:pointer">Fee 
<i class="fa fa-caret-down font-grey-salsa"></i>
</th>
</tr>
</thead>
<tbody>
<?php
 $i=0;
  foreach ($users as $user){ 
   $i++;
?>
        <tr class="tr_bgs">
        <td class="col-md-4">
        <div class="row">
        <div class="col-md-3">
        <img src="images/university1.jpg" class="img-circle" width="62px" height="62px" alt="">
        </div>
        <div class="col-md-9">
        <h5 class="bold fees">
        <a target="_blank" class="university_class" mode="ambitious" cid="292"><?php echo $user['university']?> </a>
        </h5>
        <span class="font-grey-lite"><?php echo $user['country']?> </span>
        </div>
        </div>
        </td>
        <td>
        <h5 class="bold fees">  <?php echo $user['course']?> </h5>
        <span class="font-grey-lite"> <?php echo $user['stream_name']?> </span>
        </td>
        <td>
        <h5 class="bold fees"><?php echo $user['fees']?> </h5>
        <span class="font-grey-lite">Per Year</span>
        </td>
        <td class="text-center" id="course_button" onload="check_course(<?php echo $user['id']?>);">

 <div id="added_course<?php echo $user['id']?>"><br/><button type="button" class="btn btn-primary" onClick="delete_course_list(<?php echo $user['id']?>);">
 <i class="fa fa-star" aria-hidden="true"></i>&nbsp;Course Added</button></div>

 <div id="add_course<?php echo $user['id']?>">              
 <br/><button type="button" class="btn btn-primary" 
 onClick="save_course_list(<?php echo $user['id']?>);">
 <i class="fa fa-star-o" aria-hidden="true"></i>&nbsp;Add to My Course</button></div>
</td>
</tr>   
<tr class="row_univ tr_bgs">
<td colspan="6">
<table class="table no-border no-margin text-grey">
<tbody>
<tr class="tr_bgs">

</tr>
</tbody>
</table>
</td>
</tr>  
<?php
 } 
          }  ?>
</tbody>
</table>
</div>

脚本

function check_course(variable)
  {
    var course_id=str;
    var per_email= '<?php echo $per_email; ?>' ;
    var datas="&course_id="+course_id+"&per_email="+per_email;
    alert(datas);
   $.ajax({
    type: "POST",
    url: 'php/country/check_course.php',
    data:datas
    }).done(function( data ) 
    {
      alert(data);
      if(data>0)
      {
          $('#added_course'+str).show();
          $('#add_course'+str).hide(); 
      }
      else
      {
       $('#add_course'+str).show(); 
       $('#added_course'+str).hide();
       }

      });

  }

我做错了是有任何语法问题。请帮帮我。谢谢。

Answer 1

您应该在正文标记

中调用onload()函数

或使用JavaScript

<script>
    window.onload = function() {
        // functions
    }

    // or

    document.addEventListener("DOMContentLoaded", function() {
        // functions
    });
</script>

Answer 2

你不能使用onload函数来表使用以下结构

 <body onload="check_course(variable);">
 //your table
</body>

Answer 3

我遇到了同样的问题，找到了使用在window.onload函数中检索到的自定义属性的解决方案。在我的页面中，我使用了<tr>元素，但这也适用于<td>。

在表中：

<table>
    <tr name="my_row" foo="value1"><td>value1</td></tr>
    <tr name="my_row" foo="value2"><td>value2</td></tr>
</table>

在window.onload函数中：

window.onload = function bar() {
    var rows = document.getElementsByName("my_row")
    for (row in rows) {
        var foo = row.getAttribute("foo")
        if (foo == "value1") {
            // Do something
        }
    }
}

如何在表td标记内调用Onload函数

3 个答案: