Question

我正在用PHP开发一个页面。它有一个select drop down(user names)和一个包含用户详细信息的表单。在从下拉列表中选择特定用户时，应在下面的表单中填写所选用户的详细信息。
我是PHP的初学者。
这该怎么做？任何简单的解决方案

Answer 1

您需要在表单中添加下拉列表。关于下拉的更改事件，只需使用get方法在相同的URL上发布表单。检查url中的参数输入并获取数据并显示。

<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $('#userid').change(function(){
                $('#getUserData').submit();
            });
        });
    </script>
</head>
<body>
    <form name='getUserData' id='getUserData' action='#' method='GET'>
        Select User : <select id='userid' name='userid'>
            <option value='1'>Lokendra</option>
            <option value='2'>Amit</option>
            <option value='3'>Nitin</option>
            <option value='4'>Rishabh</option>
        </select>

    </form>
    <?php
        $userArray=array(
                    1   =>  'Lokendra',
                    2   =>  'Amit',
                    3   =>  'Nitin',
                    4   =>  'Rishabh',
                );
        $postedData=$_REQUEST;
        // Fire your select query here and diplay data 

        if(isset($postedData['userid'])){
            echo "Selected User name =>".$userArray[$postedData['userid']];
        }
    ?>
</body>
</html>

如果有帮助，别忘了接受这个答案：）

Answer 2

如果你想把它变成一个AJAX请求按照步骤
让我们假设你向user.php发送你的帖子请求

<form id='getDetails' type='post' action='user.php'>
     <select id='users'>
        <option>AMAN</option>
        <option>ABHAY</option>
     </select>
</form>
<script>
$(document).ready(function(){
    $('users').on('change', function(){
      var userVal = $('users option:selected').text();
      $.post('user.php',{user:userVal},function(data){
          console.log(data);
          //Populate the form by using data variable 
          //which contains the data you need
      });
    });
});
</script>

确保包含jQuery

表单字段在下拉列表中选择值时从mysql更新值

2 个答案: