选择项目时如何使用ajax将数据提取到输入字段中答案

【问题标题】：How to fetch data into input field using ajax when an item is selected选择项目时如何使用ajax将数据提取到输入字段中
【发布时间】：2017-04-03 17:11:38
【问题描述】：

我想从选项中选择一个分行代码并自动填写从 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']}";
}
?>

【问题讨论】：

标签： javascript php jquery mysql ajax

【解决方案1】：

将$("#w_date").html(data); 更改为$("#w_date").val(data);

还要确保您的服务返回您需要的内容，而不是其他内容。

【讨论】：

【解决方案2】：

$('#w_date').val(data);

我认为这应该可行

【讨论】：

【解决方案3】：

要更改输入的值，请使用

$(input).val("value")

【讨论】：