Question

在下面的视图中，我会在下面列出的每个问题上显示输入（输入您的电话号码）。

现在，当我输入第一个手机输入框时，如何在for循环中使用Jquery或javascript镜像下面后续手机输入框中的确切文本？

select *
  from (select to_char(dt, 'dd.mm.yyyy') dt, vals, dt_vals from tst
        unpivot (dt_vals for vals in (val_a, val_b, val_c, val_sum))
         where id = 1
         )
 pivot (sum(dt_vals) for dt in ('01.03.2018', '03.03.2018'))
 order by 1

VALS    '01.03.2018' '03.03.2018'
------- ------------ ------------
VAL_A             12           14 
VAL_B             15           16 
VAL_C             17           11 
VAL_SUM           44           41

我想要什么

当我在手机的第一个输入框中输入050时，它应该与名称为..Enter your phone........... 1. Question 1 ....Enter your phone............. 2. Question 2 @forelse ($survey->questions as $key=>$question) <div class="input-field col s12"> <input id="phone" type="text" name="{{ $question->id }}[phone]"> <label for="phone">Enter Your Phone Number</label> </div> <br> <p class="flow-text">Question {{ $key+1 }} - {{ $question->title }}</p> @if($question->question_type === 'text') <div class="input-field col s12"> <input id="answer" type="text" name="{{ $question->id }}[answer]"> <label for="answer">Answer</label> </div> @endif @endforeach的任何其他输入框重复相同。

Answer 1

@foreach ($survey->questions as $key=>$question)
                  <div class="input-field col s12">
                            <input id="phone{{$question->id}}" type="text" name="{{ $question->id }}[phone]" class="phone">
                            <label for="phone{{$question->id}}">Enter Your Phone Number</label>
                  </div>
                          <br>
                    <p class="flow-text">Question {{ $key+1 }} - {{ $question->title }}</p>
                        @if($question->question_type === 'text')
                          <div class="input-field col s12">
                            <input id="answer{{$question->id}}" type="text" name="{{ $question->id }}[answer]">
                            <label for="answer{{$question->id}}">Answer</label>
                          </div>
          @endif
          @endforeach

JS

$(document).ready(function(){
 $(".phone").on("change keyup paste",function(){
    $(".phone").not(this).val($(this).val());
 });
});

提示1 永远不要给forloop中的多个元素赋予相同的id总是使用唯一键来附加id。

<强>解决方案在你的循环中给同一类手机。使用jQuery检查值是否已更改。如果更改，则为具有相同类的所有输入设置该值。

镜像文本输入到forloop中的另一个输入

1 个答案:

JS