使用javascript更改图像的搜索框

应该发生的是，如果我使用搜索框搜索“HAlexer”，图像将被删除

“”（其中昵称为“HAlexer”）

JavaScript代码：

$(document).ready(function() {
var SITE_URL = "http://site/";
var JSON = SITE_URL+"json/";
var interval_BeautifulCounter;
var counterRequest;

$('#user-search-butt').click(function() {
    var username = $('#user-search').val();
    if (username !== '') {
        DisplayUsersInfo(username);
    } else {
        ShowAlert('Username cannot be empty!', 'danger');
    }
});
function DisplayUsersInfo(username) {{
                    // Title
                    $('#modal-username-title').html(data.username);
                    // Avatar
                    $('#modal-img-avatar').attr('src', SITE_URL+'avatar/256/'+data.username);
                    $('#modal-img-avatar').attr('alt', data.username+' avatar');
                    $('#modal-img-avatar').attr('title', data.username+' avatar');
                    $('#modal-input-avatar').val(SITE_URL+'avatar/'+data.username);
                    // Skin
                    $('#modal-img-skin').attr('src', SITE_URL+'skin/256/'+data.username);
                    $('#modal-img-skin').attr('alt', data.username+' skin');
                    $('#modal-img-skin').attr('title', data.username+' skin');
                    $('#modal-input-skin').val(SITE_URL+'skin/'+data.username);
                    // Skin Back
                    $('#modal-img-skin-back').attr('src', SITE_URL+'skin-back/256/'+data.username);
                    $('#modal-img-skin-back').attr('alt', data.username+' skin back');
                    $('#modal-img-skin-back').attr('title', data.username+' skin back');
                    $('#modal-input-skin-back').val(SITE_URL+'skin-back/'+data.username);
                    // buttons
                    $('#modal-btn-user').attr('href', SITE_URL+'user/'+data.username);
                    $('#modal-btn-download').attr('href', SITE_URL+'download/'+data.uuid);
                    $('#modal-btn-change').attr('href', 'http://www.minecraft.net/skin/remote.jsp?url='+SITE_URL+'skins/'+data.uuid+'.png');
                    $('#user-info-modal').modal('show');
                }
                }
            });
    } else {
        ShowAlert('Alert!', 'danger');
    }
}
    return true;
}
});

---

在

DisplayUsersInfo

函数中，不应使用

data.username

，而应使用

username

另外，由于您的输入字段具有ID

#username

，因此我认为您的行

var username = $('#user-search').val();

应该是

var username = $('#username').val();

---

您的jQuery选择器

$（“#用户搜索”）

似乎没有引用您发布的代码中的任何内容。

您的问题缺少HTML代码，但在

DisplayUsersInfo

函数中，为什么要使用

数据.username

而不仅仅是

username

？您好，谢谢您的回复，我对javascript不是很在行（我添加了到html的链接）。我不知道如何使此javascript工作。无需明确添加您有问题，您需要帮助。我们知道，当您发布此问题时，您需要帮助解决问题。不客气；）然后您可以接受我的回答。另一方面，请考虑阅读下一个问题：