Question

我有组合框，通过单击combox选项，它会在使用JS代码的特定<div>中显示结果，并在显示结果的同一页面上，默认情况下打开页面时会显示记录。

我使用JS代码刷新了默认结果，它正在刷新它。但是当我选择组合框时，它会显示结果，但是在xx秒后刷新后显示默认div时，它会刷新组合框选择结果，然后返回默认结果。

如果我选择组合框项目然后它将显示不同的div并刷新组合框选择结果，如果默认结果存在则会刷新默认结果。

任何帮助将不胜感激。

我的代码如下：

组合框：

<form id="search_forms">
    <?php
    $dbLink = mysql_connect('localhost', 'root', '');
    mysql_select_db('lepetit', $dbLink);
    ?>
<select id="selectFilter" class="sort_rangs" name="cuisine[]">
    <?php
    $atrias = mysql_query("SELECT id FROM cuisines");
    while ($trias = mysql_fetch_assoc($atrias)) {
    $temp[] = $trias['id'];
    $thelist    =   implode(",",$temp);
    }
    ?>
<option id="all" value="0,<?php echo $thelist; ?>">Select....</option>
    <?php
    $tris = mysql_query("SELECT * FROM cuisines");
    while ($trys    = mysql_fetch_array($tris)){
    ?>
        <option id="<?php echo $trys['ename']; ?>" value="<?php echo $trys['id']; ?>">
        <?php echo $trys['ename']; ?></option>
    <?php } ?>
</select>
</form>

刷新默认结果的代码

$(document).ready(function() {
  $.ajaxSetup({ cache: false });
  setInterval(function() {
    $('#open').load('restaurants_main_big_site.php');
  }, 1000);
});

刷新Combobox结果代码

$(document).ready(function() {
  $.ajaxSetup({ cache: false });
  setInterval(function() {
    $('#cuis').load('ajax_searchsC.php');
  }, 1000);
});

Div的For Default和combobox结果：

<?php
extract($_POST);
if(isset($cuisine)) {
?>
<div class="ajax_resultT row check"> <!-- Div For Combobox Result -->   
<div id="cuis" > <!-- Refresh For Combobox Result -->
</div></div>
<?php }else{ ?>
<div class="ajax_result row check"> <!-- Div For Default Records -->    
<div id="open" > <!-- Refresh For Default Records Shown --> 
</div></div>
<?php } ?>

用于处理ComboBox表单的JS代码：

$(document).on('change','.sort_rangs',function(){
   var url = "ajax_searchsC.php";
   var wasExecuted;
   $.ajax({
     type: "POST",
     url: url,
     data: $("#search_forms").serialize(),
     success: function(data)
     {
     $('.ajax_resultT').html(data);        
     }  
     }               
   });
  return false;
});

如何在同一页面上的不同div中自动刷新不同的结果

0 个答案: