文本框中的php下拉值

时间:2015-01-22 05:22:00

标签: php mysql

表名:成员

mem_id    USername   Password

1          gggg     ggggggg

2          hhh       hhh

代码段:

<?php $query = "SELECT mem_id FROM member Where Role='User' ";
      $result = mysql_query($query); ?>   

     <select  style="width: 138px; height:30px;" name="userID">
       <option>---Select---</option>

  <?php while ($line = mysql_fetch_array($result, MYSQL_ASSOC)) { ?> 

  <option value="<?php echo $line['mem_id'];?>"> <?php echo $line['mem_id'];?> 

</option>  

   <?php } ?>

  </select>

当我自动选择下拉列表中的mem_ id 1时,USername gggg想要在文本框中

<input style="width: 138px; height:30px;" type="text" name="Name" >

3 个答案:

答案 0 :(得分:1)

在php代码中试试这个:

<option value="<?php echo $line['mem_id'];?>" data-username="<?php echo $line['USername'];?>"> <?php echo $line['mem_id'];?>

只需使用Jquery .change()事件:

$('#userID').change(function(){
        $('#username').val($('#userID option:selected').data('username'));
    });

DEMO

答案 1 :(得分:0)

当用户专注于选项DOM时调用Ajax,并在其他Php文件中定义您的Php函数。您可以使用jQuery轻松工作。

答案 2 :(得分:0)

将此jquery添加到您的代码

$(document).ready(function(){

 var u_id=$('#userID').val();
 $.post('data.php',{user_id:u_id},function(res){
     $('#name').val(res);
 });

}

创建data.php并添加以下代码

$user=$_POST['user_id']
$sql = "SELECT USername  FROM member Where mem_id='$user' ";
$result = mysql_fetch_array(mysql_query($sql));
echo $result['username'];