javascript - 如何使用 jquery 显示单个字段的值数组?

标签 javascript jquery

这里我需要获取输入字段中输入的所有值。但它仅回显第一个值。

即。当我按 + 并给出一些值时,我也需要获取该值。

$(document).ready(function() {
  $(document).on("click", ".add", function() {
    var clone = '<div class="add1"><input type="text" name="selprice" /><input type = "submit"    value = "+"    class = "add" ><input type = "submit"    value = "-"    class = "remove" ></div>';
    $(this).closest('.add1').after(clone);
  });
  $(document).on("click", ".remove", function() {
    $(this).parent(".add1").remove();
  });

});
$('#package').change(function() {
  var arr = [];
  $("input.packageclass").each(function() {
    arr.push($(this).val());
    alert(arr);
  });

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="add1">
  <h6>Sales Package </h6>
  <div>
    <input type="text" name="package" placeholder="Ex:34" id="package" class="packageclass">
    <input type="submit" value="+" class="add"></div>
</div>

最佳答案

$('.package').change(function() {

您在input type="text"中使用ID。 ID 只能使用一次。如果您想将监听器添加到所有文本字段,请使用类。 除此之外, .change(function() 仅在 dom 准备好时调用一次。这也会是一个问题。因此更改监听器不会添加到生成的文本字段中。也许您使用类似...

$('.package').on('change', 'input', function() {

});

关于javascript - 如何使用 jquery 显示单个字段的值数组?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45482225/

相关文章:

jquery - 如何动态禁用jquery日历中的特定日期并使另一个日历maxdate取决于该日历?

javascript - webpack-dev-server 的缓存问题

jquery - 当使用 jQuery 的 getScript() 函数时,我在带有注释的行上收到 "not well-formed"错误

jquery - Firefox 36 中止内容长度大于 1778 的 https 请求

javascript - NestJS无法解析JWT_MODULE_OPTIONS的依赖关系(同样的问题,不同的解决方案)

javascript - lightSlider 不是函数,wordpress

javascript - 防止所有浏览器在 div 内捕获鼠标和键盘事件

javascript - 如何通过 wordpress rest api 从自定义表中获取所有记录?

javascript - Fluent-ffmpeg 不会处理/对视频做任何事情 - Nodejs

javascript - 禁用 jQuery 中的按钮,直到所有必填字段都有值(特别是选择)