jquery - Jquery 填充输入文本框而不是下面的下拉列表代码

Question

我有一个很好的 jquery 代码片段（不是我的代码）。它按预期工作。如果我想填充文本框而不是附加到下拉列表，我该怎么做。

查询代码

 $('#ArtistId').append(
  $('<option></option>')
     .val(data.Artist.ArtistId)
     .html(data.Artist.Name)
     .prop('selected', true );

尝试过

$('#ArtistTexboxId').append($('<input></input>')
                   .val(data.Artist.ArtistId)
                   .html(data.Artist.Name);

Answer 1

$('<input/>')
     .attr({
             id: 'ArtistTexboxId',
             name: data.Artist.Name
          })
    .val(data.Artist.ArtistId)
    .appendTo('#ArtistDiv')​;​

或者

$('#ArtistDiv')
   .append($('<input/>')
                .attr({
                        id: 'ArtistTexboxId',
                         name: data.Artist.Name
                     })
                .val(data.Artist.ArtistId)
          );​

文本框没有innerHtml

将该信息存储在 TextBox 的 name 属性中

小提琴