Question

我有一个html表单，在同一个html类中有很多输入。当用户按下提交按钮时，我需要每个输入字段提交用户在其中写入的内容，然后是特定字符串。如果用户输入单词＆＃34; cat＆＃34;在文本框中，表单将提交＆＃34; catPTQ＆＃34;。我有一个功能可以实现这一点，但它不是保留用户输入，而是使用类中输入的第一个实例。我的功能看起来像这样。

$(function () {
            $('#question_entry_submit_button').on('click', function () {
                var text = $('.ptq');
                text.val(text.val() + 'ptq');
            });
        });

这会循环播放＆＃39; .ptq＆＃39;的html类。并追加＆＃34; ptq＆＃34;到用户输入结束时，无论用户输入到第二个输入框和向前，它都会提交第一个用户输入+＆＃39; ptq＆＃39;代替实际用户输入+＆＃39; ptq＆＃39;。

我认为这是有道理的，但如果需要，我可以尝试澄清。

Answer 1

尝试使用.val()的回调函数

text.val(function(_,val){
  return val + "ptq";
});

完整代码，

$(function() {
   $('#question_entry_submit_button').on('click', function () {
      var text = $('.ptq');
      text.val(function(_,val){
        return val + "ptq";
      });
   });
});

Answer 2

此函数将使用class＆＃34; test＆＃34;获取所有输入的值。为了处理你可以存储这些元素的值，同时在数组中循环它们，你可以随时使用

$('.test').each(function(i, obj) {
   //test
});

如何将文本附加到同一html类中的许多用户输入？

2 个答案: