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

Question

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

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

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()”中，我需要以下代码:

1.根据选择的值从数据库中选择数据。

2.用那个填充文本框。

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

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

提前致谢。

Answer 1

你的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">

你的 jquery(确保包含 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 代码 (ajax_file.php)

 <?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();`

 ?>