1

我没有在这里发布完整的代码，但我想知道如何根据下拉列表检索复选框中的数据。我有一个用户下拉列表，以及复选框中的页面数据。

假设表user有两列 ( user_id, user) 和pages三列 ( page_id, user_id, title)。

我希望这些复选框根据选定的用户自动选中/取消选中而不刷新页面。假设我正在获取用户

echo '<select name="user_id">';
echo '<option value="">Select User</option>';

$sql = "SELECT * from users";
$res = mysql_query($sql);
while($row = mysql_fetch_assoc($res)) {
    $uid = $row['user_id'];
    $user = $row['user'];
    echo '<option value="'.$uid.'">'.$user.'</option>'; 
}

echo '</select>';

以及基于选定用户的复选框中的数据（确保在查询user_id中进行比较IF condition但不在查询中）

$user_id = $_POST['user_id']; //selected user from list

$query = "SELECT * from pages";
$result = mysql_query($query);
while($rowPage = mysql_fetch_assoc($result)) {

    $upid = $rowPage['user_id'];
    $pid = $rowPage['page_id'];
    $title = $rowPage['title'];

    if($upid == $user_id) {
        echo '<input type="checkbox" name="userPages[]" value="'.$pid.'" checked="checked"> '.$title;   
    } else {
        echo '<input type="checkbox" name="userPages[]" value="'.$pid.'"> '.$title;
    }
}

我的意思是在不刷新页面的情况下如何在 Ajax/Jquery 中实现。希望你明白我的意思。谢谢

4

1 回答 1

1

这是你能做的就是这样

 echo '<select name="user_id" id="userCombo">';
 echo '<option value="">Select User</option>';

 $sql = "SELECT * from users";
 $res = mysql_query($sql);
 while($row = mysql_fetch_assoc($res)) {
    $uid = $row['user_id'];
    $user = $row['user'];
    echo '<option value="'.$uid.'">'.$user.'</option>'; 
 }

echo '</select>';
echo '<div id="userCheckBoxes"></div>'

现在将 ajax 调用放在选择框的更改事件上。我在这里打算使用jquery ajax。

<script type="text/javascript">
 $(document).ready(function()
 {
   $("#userCombo").change(function()
   {
     var id=$(this).val();
     var dataString = 'user_id='+ id;
     $.ajax
     ({
         type: "POST",
         url: "ajax_checkboxes.php",
         data: dataString,
         cache: false,
         success: function(html)
         {
            $("#userCheckBoxes").html(html);
         }
     });
   });
 });
 </script>

现在将 ajax_checkboxes.php 放入同一目录。然后将下面的代码放入 ajax_checkboxes.php。我假设您可以自己建立数据库连接。

  $user_id = $_POST['user_id']; //selected user from list

  $query = "SELECT * from pages";
  $result = mysql_query($query);
  while($rowPage = mysql_fetch_assoc($result)) {

       $upid = $rowPage['user_id'];
       $pid = $rowPage['page_id'];
       $title = $rowPage['title'];

    if($upid == $user_id) {
        echo '<input type="checkbox" name="userPages[]" value="'.$pid.'"        checked="checked"> '.$title;   
     } else {
        echo '<input type="checkbox" name="userPages[]" value="'.$pid.'"> '.$title;
    }
 }

我没有在本地服务器上品尝过它，但我相信它会起作用。

PS 不要在您网站的头部包含 jQuery。

于 2012-10-06T04:24:23.240 回答