0

TextArea 内にリストを表示することは可能ですか?

"NewList":[{"FirstName":"X","LastName":"Y","Address1":"A1","Address2":"A2","City":"C","State":"S","ZipPostalCode":"12345"}, {"FirstName":"X2","LastName":"Y2","Address1":"A2","Address2":"A3","City":"C2","State":"S2","ZipPostalCode":"12345"}]

私が理解していることから、テキストエリアはHTMLではなくテキストの表示に使用されているため、機能し<li>ません。

基本的に、私の要件は、上記のリストを Web ページに表示し、ユーザーが編集してから保存できるようにすることです。誰かがこれを行う方法を提案できますか? また、form.SerializeObject は、使用するコントロールでどのように機能しますか?

ありがとう。

4

1 に答える 1

0

各要素を調べて、属性ごとに<label>とを追加することをお勧めします。<input>

コーディング例:

response = [{"FirstName":"X","LastName":"Y","Address1":"A1","Address2":"A2","City":"C","State":"S","ZipPostalCode":"12345"}, {"FirstName":"X2","LastName":"Y2","Address1":"A2","Address2":"A3","City":"C2","State":"S2","ZipPostalCode":"12345"}];
form = document.getElementById('formId');
// Iterate through array items
for(var i=0; i<response.length; i++){
  // Iterate through item attributes
  var item = response[i];
  for(var prop in item){
    // create dom objects
    var label = document.createElement('label');
    var input = document.createElement('input');

    // set dom objects attrs
    input.setAttribute('type', 'text');
    input.setAttribute('name', 'field['+i+']['+prop']');
    label.setAttribute('for', 'field['+i+']['+prop']');

    // append items to form
    form.appendChild(label);
    form.appendChild(input);
  }
}

フォームのシリアル化について、この jQuery プラグインを使用していますか? そのため、有用な結果を得るには、入力名を少し操作する必要がある場合があります。

お役に立てれば ：）

于 2012-11-29T18:42:21.613 に答える