jquery填充輸入文本框，而不是下面的下拉列表代碼

Question

我有jQuery代碼snippit工程很好（不是我的代碼）。它按預期工作。 如果我想填充文本框而不是附加到下拉列表，我該如何做到這一點。

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')​;​ 

OR

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

文本框沒有innerHtml

商店，在文本框

Fiddle