如何在选择项目时使用 ajax 将数据提取到输入字段中
How to fetch data into input field using ajax when an item is selected
我想从选项中选择一个分行代码,并自动填写mysql数据库中的银行日期输入。我应用了 ajax 并且它可以正常获取数据,但它不会显示在输入字段中,除非我从浏览器中检查检查元素以查看数据是否已获取。我希望数据出现在输入字段中。我会很高兴你帮忙。谢谢
网页表单
<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
$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);
还要确保您的服务返回您需要的内容,而不是其他内容。
$('#w_date').val(data);
我认为这应该有效
要更改输入的值,请使用
$(input).val("value")
相关文章:
- 如何使用另一个字符串作为模板从字符串中提取数据
- 如何使用angular js从2个表(在sql server中)中提取数据
- 从Angular 2中的observable中提取数据
- Mongoose查询在两个日期时间之间提取数据
- 可以't从xml文件中提取数据
- 从HTML代码中提取数据
- 使用JavaScript或AJAX从HTML表单中提取数据,然后将其传递给PHP
- 正在从JSON.stringify中提取数据
- Scrapy和Xpath从javascript代码中提取数据
- 如何从高股价图中提取数据
- 如何在javascript中使用localStorage从数组中存储和提取数据
- 如何从Promise中提取数据
- 为什么我的Backbone Collection没有提取数据
- 从jQuery变量中提取数据,增加's left,将剥离的数据放回变量中
- 如何使用应用程序脚本执行API从谷歌工作表中提取数据
- 使用ng repeat从两个不同的JSON文件中提取数据
- 创建新的javascript数组,从对象属性中提取数据
- 如何使用 jQuery 在没有类的情况下提取数据
- 使用javascript从JSON中提取数据
- React组件从Flux存储中呈现数据,但从Mongo数据库中提取数据时不呈现