主页 / 问题 / 1315754
Accepted
hellokitViki
Asked:2022-08-09 19:42:00 +0800 CST2022-08-09 19:42:00 +0800 CST

将值从输入传递到另一个输入

  • 772

如何从多个输入中传递文本以及占位符？To be: Color: ...., Style: ...., 现在只有第一个输入的占位符总是被传递

var fields = $('#quiz-forms').find('.quiz-form');
  fields.on('change keyup', function(){
    var tags = [];
    fields.each(function(){
      if ($(this).val().length)
      {
        tags.push($(this).val());
      }
    });
    $('#SendInput', '#quiz-forms').val($('.quiz-form').attr('placeholder')+tags.join(', '));
  });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="quiz-forms">
<input type="text"  class="form-control quiz-form"  placeholder="Цвет: "/><br/>
<input type="text"  class="form-control quiz-form"  placeholder="Фасон: "/><br/>

<input type="" name="SendInput" id="SendInput" value="" />
</form>

javascript

1 个回答

  1. Best Answer

    在我看来，最简单的方法是写：

        let fields = $('#quiz-forms').find('.quiz-form');
    fields.on('change keyup', function(){
        let tags = [];
        fields.each(function(){
            if ($(this).val().length)
            {
                tags.push($(this).attr('placeholder') + ' ' + $(this).val());
            }
        });
        $('#SendInput', '#quiz-forms').val(tags.join(', '));
    });
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <form id="quiz-forms">
        <input type="text" class="form-control quiz-form" placeholder="Цвет: " /><br />
        <input type="text" class="form-control quiz-form" placeholder="Фасон: " /><br />

        <input type="" name="SendInput" id="SendInput" value="" />
    </form>

    也就是说，如果你当前的输入不为空，你立即保存占位符和值\u200b\u200bin 结果数组。

    • 2

相关问题