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

【问题标题】：populate text boxes depend on drop-down selection in php填充文本框取决于 php 中的下拉选择
【发布时间】：2015-03-21 06:19:04
【问题描述】：

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

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

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.根据第一个下拉菜单的值填充第二个下拉菜单。

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

提前致谢。

【问题讨论】：

把你的问题用正确的格式，给出html代码
是的，我做到了。希望它删除 -1
不是那么多还是格式不正确，你必须区分文本和代码

标签： javascript php drop-down-menu

【解决方案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();`

 ?>

【讨论】：

@Vishal Wadhawan 感谢您的回答。 “data_String = 'reg_number='+reg_number;”什么意思？
这只是我们发送到 php 文件的键值对，即 'reg_number=' 是键，值 reg_number 使用 var reg_number = $(this).val();
在 ajax_file.php 中，是否需要 jqery 文件？回声“json_encode（$数据）”；这是对还是错？
json 编码是一个 php 函数。将以 json 格式返回数据。所以你可以使用 var data= jQuery.parseJSON(data); 进入 d javascript 部分
显示通知；在我的 sql 提取行中将数组转换为字符串。$result=mysqli_query($db, $query); $data = mysqli_fetch_array($result);回显$数据；回声 json_encode($data);退出（）；

【解决方案2】：

如果你想用 ajax 和 php 来做 HTML

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

jQuery

$(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 (test.php)

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

【讨论】：

【解决方案3】：

为什么你需要 php，你只能用 jquery 或 javascript 来做

HTML

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

jQuery

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

【讨论】：

我试过你的代码。但没有得到输出。还包括 jquery 文件。
得到结果，缺少 });在您的代码中，在 jquery 文件中 - 最后一行