Question

大家早上好。我正在使用bootstrap和jquery制作一个很长的形式。我在上一节遇到问题，我应该看一下已经填写的表格的一般性评论。这是表单

的一个小例子

$('button').on('click', function() {

  var nomesalone = $('#nomeSaloneInput').val();
  $('#defNomeSalone').append(nomesalone);

  var indirizzo = $('#indirizzoInput').val();
  $('#defNomeSalone').append(indirizzo);

  var cap = $('#capInput').val();
  $('#defNomeSalone').append(cap);

  var citta = $('#cittaInput').val();
  $('#defNomeSalone').append(citta);

  var provincia = $('#provinciaInput').val();
  $('#defNomeSalone').append(provincia);

});

Fiddle Demo在此处输入代码

我要做的是将每个输入值保存在页面底部的标签内，当我单击输入旁边的“确定”按钮时，应保存每个标签。我尝试了几个代码。有人能帮助我吗？

Answer 1

您的小提琴没有将JQuery指定为资源。发布到SO时要小心。此外，append不会重写元素。它会做到这一点：附加到它。

此外，您将此文本分配给相同的标签元素（#defNomeSalone）而不是不同的标签元素。

将append更改为text，并在为其分配文字时区分每个标签元素：http://jsfiddle.net/91nwfb83/15/

示例：

$('#defNomeSalone').text(nomesalone);

Answer 2

我编辑了你的小提琴，他现在正在工作。缺少JQuery导入。

确保在HTML模板中导入jquery。

Answer 3

使用它。

$('button').on('click', function() {
    var nomesalone = $('#nomeSaloneInput').val();
    var indirizzo = $('#indirizzoInput').val();
    var cap = $('#capInput').val();
    var citta = $('#cittaInput').val();
    var provincia = $('#provinciaInput').val();
    $('#defNomeSalone').text(nomesalone+' '+indirizzo+' '+cap+' '+citta+' '+provincia);
});

按下按钮时，Jquery将输入值保存到标签

3 个答案: