Javascript 填充文本框取决于php中的下拉选择

我在谷歌和堆栈溢出研究这个答案有很多答案，但我不能得到我想要的

我有两个下拉菜单和三个文本框

PHP代码：

    <select onchange="FirstDropDownClick()"> </select>

脚本代码：

            <script type="text/javascript">
           function FirstDropDownClick() {

var selectDwn = document.getElementById("ID_dwn");
var selectedValue = selectDwn.options[selectBox.selectedIndex].value;

                 }

函数FirstDropDownClick（）{
var selectDwn=document.getElementById（“ID_dwn”）；
var selectedValue=selectDwn.options[selectBox.selectedIndex].value；
}

在“FirstDropDownClick（）”中，我需要以下代码：

1.根据所选值从数据库中选择数据

2.在文本框中填入该选项

3.根据第一个下拉菜单的值填写第二个下拉菜单

我需要一个示例代码。因为我被卡住了，不知道怎么办

提前谢谢

您的html代码

    <select name="reg_number" id="reg_number">
       <option value="1">Reg1</option>
       <option value="2">Reg2</option>
       <option value="3">Reg3</option>
    </select>
    <input type="text" name="first_name" id="first_name">

您的php代码（ajax_file.php）

---

为什么您需要php，您只能使用jquery或javascript

HTML

---

如果你想用ajax和php来实现它 HTML

php（test.php）

以正确的格式向您提问，并给出html代码。我这样做了。希望它能删除-1不是太多，还是格式不正确，您必须区分文本和代码@Vishal Wadhawan谢谢您的回答。“data_String='reg_number='+reg_number；”这是什么意思？这只是我们发送到php文件的键值对，即'reg_number='是键，值reg_number使用var reg_number=$（this）.val（）；在ajax_file.php中，是否需要jqery文件？echo“json_编码（$data）”；这是否正确？json encode是一个php函数。将以json格式返回数据。因此，您可以使用var data=jQuery.parseJSON（data）进入d javascript部分；显示通知；在我的sql获取行进行数组到字符串的转换。$result=mysqli\u query（$db，$query）；$data=mysqli\u fetch\u数组（$result）；回波数据；echo json_编码（$data）；退出（）；我尝试了你的代码，但没有得到输出。还包括jquery文件。got result，missing}）；在代码中，在jquery文件中-最后一行

 $(document).ready(function(){
   $('#reg_number').change(function(){
   var reg_number = $(this).val();
   var data_String;
    data_String = 'reg_number='+reg_number;
    $.post('ajax_file.php',data_String,function(data){
          var data= jQuery.parseJSON(data);
           $('#first_name').val(data.first_name)
       });
   });
 });

 <?php
       $reg_number =$_POST['reg_number']; 
       //run your query here to fetch the result and store it in a variable $data
     echo json_encode($data);
     exit();`

 ?>

<select name="select_number" id="select_number">
    <option value="1">Number1</option>
    <option value="2">Number2</option>
    <option value="3">Number3</option>
</select>
<input type="text" name="number_value" id="number_value">

$(document).ready(function(){
    $('#select_number').change(function(){
      var number_value = $(this).val();
      $('#number_value').val(number_value);
    });
});

<select name="select_number" id="select_number">
    <option value="1">Number1</option>
    <option value="2">Number2</option>
    <option value="3">Number3</option>
</select>
<input type="text" name="number_value" id="number_value">

$(document).ready(function(){
    $('#select_number').change(function(){
        var number_value = $(this).val();
        $.ajax({
            method: 'POST',
            url: "test.php",
            data: {
                'number_value' : number_value
            },
            dataType:'json',
            success: callback = function(data, textStatus, xhr)
            {
                $('#number_value').val(data.number_value);
            }
        });

    });
});

<?php
echo json_encode($_POST);
?>