填充文本框取决于php中的下拉选择
populate text boxes depend on drop-down selection in 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()"中,我想要以下代码:
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);
});
});
相关文章:
- 如何在php中的jquery中对循环内的选择框值求和
- 在php和mysql中选择选项.一旦选择了选项,就列出我的sql数据库数据
- 使用php动态更改选择选项
- HTML-使用mysql.php生成一个选择框.我怎样才能更改“;值“;生成的选择框选项的
- 使用PHP通过HTML表单选项选择器过滤MYSQL结果
- 获取PHP代码中日期选择器的值
- 使用Ajax或JavaScript选择下拉列表选项后,在同一页面上执行PHP脚本
- 如果没有从下拉列表中选择任何值,则允许使用php、mysql、javascript将文本框添加到mysql表中
- 填充文本框取决于php中的下拉选择
- 从 PHP 表中选择值并将其传递给另一个 PHP 页面
- 如何通过选择下拉列表中的选项从另一个 php 文件中获取数据
- Json 数组到带有 php 的选择框中
- 如何在 PHP 中使用 OnChange 事件的下拉列表中选择一个选项后,对大量数据行设置分页
- JQuery-从选择选项中获取值以在 PHP 中使用
- PHP根据彼此选择框
- 在PHP中将下拉选择列表的内容从一个表单传递到另一个表单
- 使用JQuery通过下拉选择动态更改PHP值
- 清理了SQL/PHP,它没有写.赢得'不要选择CSS
- 动态日期选择(Php/JS)
- 根据之前的选择(PHP/HTML)从数据库查询中选择下拉菜单