1

我有一个 Web 表单，我正在使用 JQuery 来提取用户输入的值并将它们显示在屏幕上，并添加了一个附加字符串。问题是只显示了两个值。当我查看调试器时，我可以看到变量已填充，但它们没有显示在屏幕上。

我的网络表格：

<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()参数放在 a中的事实有关{}- 这不是必需的。

于 2012-06-29T16:28:06.900 回答