在Laravel中使用Ajax在输入中显示数据

时间:2019-05-10 09:30:40

标签: javascript jquery ajax

我正在使用ajax从db获取一些数据。现在,我可以在后端获取数据了。但是唯一的问题是我无法在下面的输入中显示出来。我也写了一些代码,但是没有用。这是我的代码。 Ajax部分正在工作,但javascrpit无法工作。可以的话,请帮我:)

代码

<script type="text/javascript">

jQuery(document).ready(function () {
    jQuery('select[name="class_id"]').on('change',function() {
        var ClassID = jQuery(this).val();
        if (ClassID) {
            jQuery.ajax({
                url : '/ajaxFee/' + ClassID,
                type : "GET",
                dataType : "json",
                success: function(data) {
                    console.log(data);
                    jQuery('input[name="class_fee"]').empty();
                    jQuery.each(data, function(key,value) {
                        $('input[name="class_fee"]').append(
                          '<option value="' + key + '">' + value + '</option>'
                        );
                    });
                }
            });
        } else {
            $('input[name="class_fee"]').empty();
        }
    });
});

</script>

2 个答案:

答案 0 :(得分:2)

也许错误比您想像的简单得多:)

更改此:

$('input[name="class_fee"]').append('<option value="'+ key +'">'+ value +'</option>');

对此:

$('select[name="class_fee"]').empty();
$('select[name="class_fee"]').append('<option value="'+ key +'">'+ value +'</option>');

您想将选项附加到选择元素,而不是输入。并更改所有引用。

-编辑

您应该在页面中添加如下元素:

<select name="class_fee"></select>

您不能将option附加到input元素上。

答案 1 :(得分:2)

我假设您为所选班级获得的“费用”,数据长度为1

替换

=DATEDIF(A1,TODAY(),"Y")

class Child(Parent):
    another_text_field = models.TextField()
    text_field = None
    boolean_field = None