我想从选项中选择一个分行代码并自动填充从 mysql 数据库输入的银行日期。我应用了 ajax,它可以正常获取数据,但它不会显示在输入字段中,除非我检查浏览器中的检查元素以查看数据是否已获取。我希望数据出现在输入字段中。我会很高兴你有帮助。谢谢
html 表单
<form method="post" action="">
<!--=== Table Classes ===-->
<div class="form-group">
<div class="row">
<div class="col-md-4">
<input type="text" name="pdate" required="required" class="form-control" value="<?php echo date('Y-m-d');?>" readonly=""><span>Login date</span><br>
</div>
<div class="col-md-4">
<select name="branch_code" class=" select2 required form-control" required="required" id="branch_code" >
<option></option>
<?php
$tempholder = array();
$query = mysql_query("SELECT branch_code FROM users");
while($row = mysql_fetch_array($query)) {
echo'<option value="'.$row['branch_code'].'" >'.$row['branch_code'].'</option>';
}
?>
</select><span>Branch code</span><br>
</div>
<div class="col-md-4">
<input type="text" name="amount" class="form-control" id="w_date" required="required" ><span>Bank date</span><br>
</div>
</div>
</div>
<hr style="border-color:lightblue;">
<div class="col-md-12">
<button type="submit" class="btn btn-default"><i class="fa fa-save"> Save</i></button>
<button type="reset" class="btn btn-default"><i class="fa fa-retweet" ></i>Reset</button>
</div>
</form>
脚本
<script type="text/javascript">
$(document).ready(function(){
$("#branch_code").change(function(){
var branch =$("#branch_code").val();
$.ajax({
type:"post",
url:"auto_branch_customer.php",
data:"branch_code="+branch,
success:function(data){
$("#w_date").html(data);
}
});
});
});
</script>
PHP
<?php
$branchcode = $_POST['branch_code'];
$sql = "SELECT working_date FROM days WHERE branch_code = $branchcode";
$result = mysql_query($sql);
while($row = mysql_fetch_array($result)) {
echo "{$row['working_date']}";
}
?>
最佳答案
将 $("#w_date").html(data);
更改为 $("#w_date").val(data);
还要确保您的服务返回您需要的内容,而不返回其他内容。
关于javascript - 选择项目时如何使用ajax将数据获取到输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28125014/