根据数据库 PHP 中的选择框选项获取输入文件值 - get input filed values based on select box option from databse php

get input filed values based on select box option from databse php

我有一个表格。它有选择框。根据从选择选项中选择的值，我想填充表单的其余文本字段。

以下是表格：

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script type="text/javascript">
$('#test').change(function(){
var val=document.getElementsById('test').value;
$.ajax({
    type: "GET",
        url: "get_user.php",
        data: {id:val},
        success:function()
        {

        }
            })
})
</script>

<select name="test" id="test" >
<option value="user1">user1</option>
<option value="user2">user2</option>
<option value="user3">user3</option>
<option value="user4">user4</option>
<option value="user5">user5</option>
</select>
<input type="text" placeholder="Address"/>
<input type="text" placeholder="Name"/>
<input type="text" placeholder="Contact"/>

如果选择"user1"

，那么它应该调用ajax并从数据库中获取"user1"的值，然后在文本字段中显示该值。

HTML：

<input type="text" placeholder="Address" id="address"/>
<input type="text" placeholder="Name" id="name" />
<input type="text" placeholder="Contact" id="contact"/>

.JS：

<script type="text/javascript">
    $('#test').change(function(){
    var val=$(this).val();
    $.ajax({
        type: "GET",
            url: "get_user.php",
            data: {id:val},
            success:function(data)
            {
            var result = $.parseJSON(data);
            $("#address").val(result.address);
            $("#name").val(result.name);
           $("#contact").val(result.contact);     
            }
         })
    </script>

.PHP：

    //fetch data accorind to id
    $array= array();
    $array["name"] ="name";// user name
    $array["contact"] ="contact";// user contact
    $array["address"] ="address";// user address
    echo json_ecode($array);

试试这个...

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script type="text/javascript">
$('#test').change(function(){
    var val=document.getElementsById('test').value;;
    $.ajax({
        type: "GET",
            url: "get_user.php",
            data: {id:val},
            type: 'post',
            dataType: "json",
            success:function(data)
            {
                 $("#add").val(data[0]);
                 $("#name").val(data[1]);
                 $("#cnt").val(data[2]);
            }
    })
})
</script>

<select name="test" id="test" >
<option value="user1">user1</option>
<option value="user2">user2</option>
<option value="user3">user3</option>
<option value="user4">user4</option>
<option value="user5">user5</option>
</select>
<input type="text" placeholder="Address" id="add"/>
<input type="text" placeholder="Name" id="name"/>
<input type="text" placeholder="Contact" id="cnt"/>

希望对您有所帮助。