自动填充表单javascript无效

Question

来自“ request.done ....”的最后两行无效。。。什么都没有发生。。。

这是我的脚本：

$(document).ready(function () {

    $('#retrieve-resources').click(function () {
        var displayResources = $('#display-resources');

        displayResources.text('Loading data from JSON source...');
        var url = "--------------------".concat(document.getElementById('title').value);

        $(document.getElementById("writer").value = '');
        $(document.getElementById("director").value = '');
        $(document.getElementById("actors").value = '');
        $(document.getElementById("year").value = '');
        $(document.getElementById("plot").value = '');
        $(document.getElementById("poster").value = '');


        var request = $.ajax({

            url: url,
            type: "GET",
            dataType: "json"

        });

        request.done(function (result) {

            $(document.getElementById("writer").value = result.Writer.replace(new RegExp("\\s?\\(.*?\\)", "g"), ''));
            $(document.getElementById("director").value = result.Director.replace(new RegExp("\\s?\\(.*?\\)", "g"), ''));
            $(document.getElementById("actors").value = result.Actors.replace(new RegExp("\\s?\\(.*?\\)", "g"), ''));
            $(document.getElementById("year").value = result.Year);
            $(document.getElementById("poster").value = result.Poster.toString());
            displayResources.html('Form is filed!');
        });


    });
});

Answer 1

要使用jQuery设置元素的值，您应该使用.val函数。 例如，不要使用下面的代码将具有id writer的元素的值设置为空字符串：

$(document.getElementById("writer").value = '');

您应该使用此jQuery选择器和.val ：

$('#writer').val('');

Answer 2

每行不应该有$() 。 $()的参数应该是选择器，HTML字符串或函数。 当它尝试解析您分配的值时，您可能会出错。

$(document).ready(function () {
    $('#retrieve-resources').click(function () {
        var displayResources = '#display-resources';

        displayResources.text('Loading data from JSON source...');
        var url = "--------------------".concat(document.getElementById('title').value);

        document.getElementById("writer").value = '';
        document.getElementById("director").value = '';
        document.getElementById("actors").value = '';
        document.getElementById("year").value = '';
        document.getElementById("plot").value = '';
        document.getElementById("poster").value = '';

        var request = $.ajax({
            url: url,
            type: "GET",
            dataType: "json"
        });

        request.done(function (result) {
            document.getElementById("writer").value = result.Writer.replace(new RegExp("\\s?\\(.*?\\)", "g"), '');
            document.getElementById("director").value = result.Director.replace(new RegExp("\\s?\\(.*?\\)", "g"), '');
            document.getElementById("actors").value = result.Actors.replace(new RegExp("\\s?\\(.*?\\)", "g"), '');
            document.getElementById("year").value = result.Year;
            document.getElementById("poster").value = result.Poster.toString();
            displayResources.html('Form is filed!');
        });
    });
});