javascript - 在 laravel 中使用 ajax 显示输入中的数据

Question

我正在使用ajax从数据库获取一些数据。现在我可以在后端获取数据了。但唯一的问题是我无法在下面的输入中显示这一点。我也写了一些代码，但这不起作用。这是我的代码。 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>

Answer 1

也许这个错误比你想象的要简单得多:)

更改此:

$('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 元素。