1

Webフォームがあり、JQueryを使用して、ユーザーが入力した値をプルし、追加の文字列を追加して画面に表示しています。問題は、2つの値しか表示されていないことです。デバッガーを見ると、変数が入力されているのに画面に表示されていないことがわかります。

私のウェブフォーム：

<form method="POST" id="sas_form" action="#">
  <select name="var_type" id="var_type">
    <option value="1">1</option>
  </select>
  <input type="text" name="name" id="name">
  <input type="text" name="value" value="0" id="value">
  <input type="text" name="something" id="something">
  <a href="#" id="add-row">Add Another row</a>

  <div id="renderArea"></div>
</form>

私のJavascript：

$(document).ready(function() {
  var i = 0;
  $('#add-row').click(function() {
    var var_type = $('#var_type').val();
    var name = $('#name').val();
    var value = $('#value').val();
    var something = $('#something').val();

    $('#renderArea').append({'-Var VarType="'+var_type+'" Position="'+i+'"    
            Name="'+ name +'"><Imputed Value>' + value + '</Imputed Value>
            Something = ' + something});

    // increment the position
    i += 1;
  })
});
4

1 に答える 1

1

.append()ステートメントを次のようなものに変更する必要があります。

var html = '-Var VarType="' + var_type + '" Position="' + i + 
           '" Name="' + name + '"><Imputed Value>' + value + '</ImputedValue>' +
           'Something = ' + something;

$('#renderArea').append(html);

注-<Imputed Value></Imputed Value>は有効なXMLではありません。タグ名にスペースはありません。HTMLとして出力しているので、おそらくそれは重要です。

.append()あなたの問題は、あなたがあなたのパラメータを-の中に入れていたという事実に関係している可能性があります{}-これは必要ではありません。

于 2012-06-29T16:28:06.900 に答える