使用选择框中的值来构建数据库中的记录

时间:2017-04-25 05:14:05

标签: javascript php jquery html mysql

请帮我解决以下问题。 我有一个网页,从用户那里获取一些信息。我已将所有成员ID加载到选择框中,成员可以轻松选择自己的成员ID。我的问题是,我想在选择了他/她的会员ID后自动显示该特定用户的名字和姓氏。我知道我需要使用PHP和MySql的Javascript或Jquery,但我不知道如何正确使用它。部分编码如下。

//将会员ID加载到选择框

<?php
include('connectdb.php');
$sqlselect = "SELECT MemID FROM Member" ;
$result = mysqli_query($dbcon,$sqlselect);
<?

//在选择框中显示membr ID

<html><head><title></title></head>
<body>
<form action="bookrequestmem.php" method="post"> 
<label for="memberid">Member ID:</label><br>
<select id="memid" name="memid1">  
            <option>Select Member ID</option>";
            <?php while($row = mysqli_fetch_array($result)):;?>
            <option><?php echo $row[0];?></option>";
            <?php endwhile;?>
 </select>
 <label for="fname">First Name:</label><br>
 <Input type="text" name="memfname"/>
 <label for="lname">Last Name:</label><br>
 <Input type="text" name="memlname"/>
 </form>
 </body>
 </html>

请告诉我如何在选择正确的会员ID时自动显示名字和姓氏。

2 个答案:

答案 0 :(得分:0)

    $(document).ready(function(){
            $("#memid").change(function(){
                var id = $("#memid").val();

                 $.ajax({
                            type: 'POST',
                            url: 'getname.php',
                            data: {id: id},
                            success: function (data) {
                                var name = data.split(" ");

                    $("#fname").val(name[0]);
                    $("#lname").val(name[1]);   
                            }

            });
 });

        });

然后在getname.php文件中使用ajax方法发布的id并获取成员的名字和姓氏,并用空格分隔它们,因为我们在&#34; space&#34;然后设置输入字段的值。

答案 1 :(得分:0)

没有AJAX的智能方式

 		function get_meminfo()
 		{
 			var dt=($("#memid").val()).split("~~");
 			$("#memfname").val(dt[1]);
 			$("#memlname").val(dt[2]);
 		}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<html><head><title></title></head>
<body>
<form action="bookrequestmem.php" method="post"> 
<label for="memberid">Member ID:</label><br>
<select id="memid" name="memid1" onChange="get_meminfo()">  
            <option>Select Member ID</option>";
            <?php while($row = mysqli_fetch_array($result)):;?>
            <option value="MEM_ID~~FIRST_NAME~~LAST_NAME">Test MEM ID</option>";
            <?php endwhile;?>
 </select>
 <label for="fname">First Name:</label><br>
 <Input type="text" name="memfname" id="memfname" />
 <label for="lname">Last Name:</label><br>
 <Input type="text" name="memlname" id="memlname"/>
 </form>
 </body>
 </html>