动态设置输入值

Set input values dynamically

本文关键字：输入 设置 动态      更新时间：2023-09-26

我是javascript新手，我正在做一个项目，将使用和享受Last.fm的API。

但我的问题是:我将创建2个字段:

首字母:乐队名

第二段:

粉丝

当输入乐队名称时，我将向最后一个发送请求。但即使在那里我做得很好。

问题是，当我收到请求时，我希望它自动放入"For fans of"字段。

我尝试使用事件onkeypress, onkeydown ..

谁有什么建议?

请求是通过这些文件发出的:github.com/fxb/javascript-last.fm-api

我的代码如下:

Javascript:

/* Create a cache object */
var cache = new LastFMCache();
/* Create a LastFM object */
var lastfm = new LastFM(
{
    apiKey    : 'XXXXX',
    apiSecret : 'XXXXXX',
    cache     : cache
});
function getName() 
{
    var bandname = $('#bandname').val();
    var forfansof = $('#forfans').val();
    forfansof = bandname;
    /* Load some artist info. */
    lastfm.artist.getSimilar(
    {
        artist: bandname
    }, 
    {
        success: function(data)
        {
        /* Pega os 3 nomes das bandas similares */
        for(var i = 0 ; i < 3 ; i++)
        {
            var artist = data.similarartists.artist[i].name;
            $('#forfans').val($('#forfans').val() + artist + ", ");
        }
    }, 
    error: function(code, message)
    {
        $('#forfans').val("Nenhum artista encontrado.");
    }
});
}
HTML:

<form action="" method="post">
    <input name="bandname" id="bandname" value="" onkeypress="javascript:getName();">
    <input name="forfansof" id="forfans" style="width:300px;" value="">
</form>

我已经把你从GitHub到一个fiddle的代码，但我不知道任何关于API说接下来需要发生什么。

修复console.log中显示的即时错误所做的更改

<form action="" method="post">
    <input name="bandname" id="bandname" value="">
    <input name="forfansof" id="forfans" style="width:300px;" value="">
</form>
JavaScript

. getelementbyid("bandname")。addEventListener("keypess"， getName, false);

在jsfiddle

相关文章：