我在谷歌上研究了这个答案的堆栈溢出，有很多答案，但我无法得到我想要的。
我有两个下拉菜单和三个文本框。
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代码
<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();`
?>
如果您想使用ajax和phpHTML
<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);
?>
为什么您需要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);
});
});