javascript - Laravel , Jquery 通过选择的下拉列表填充数据

标签 javascript php jquery laravel

问题是当我选择下拉列表的值时。我想按所选值填充该输入。如果该循环是静态的,我可以做到这一点。我怎么做?有什么建议吗?

查看

<select id="target" style="text-align: center;" name="time"> 
    <option value="40">40 асуулт</option>
    <option value="50">50 асуулт</option>
    <option value="60">60 асуулт</option>
    <option value="70">70 асуулт</option>
    <option value="80">80 асуулт</option>
    <option value="90">90 асуулт</option>
</select>

循环数据

@foreach ($duplicates as $duplicate)
   <tr>
      <td style="text-align: center;">{{ $duplicate->topic->id }}</td>
      <td style="text-align: center;">{{ $duplicate->topic->title }}</td>
      <td style="text-align: center;">{{ $duplicate->total }}</td>
      <td style="text-align: center;">
      <input class="qty1 form-control" value="0" type="number" min="0" 
 max="{{ $duplicate->total }}" step="1" name="number[{{ $duplicate->topic->id }}]"></input>
      </td>
  </tr>
@endforeach

最佳答案

尝试这样的事情。

当select的值改变时,它会遍历所有类为“qty1”的元素。

$('#target').change(function (){
   $('.qty1').each(function (index, element){
       element.val($('#target').val());
   })
})

关于javascript - Laravel , Jquery 通过选择的下拉列表填充数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51977557/

相关文章:

javascript - Angularjs 按钮加载状态并在调用服务器休息时禁用

php - api cakephp 休息认证

php MAX MySQL 查询不回显

javascript - 如何使用 Angularjs + bootstrap 设置弹出窗口?

javascript - 我可以改进我的验证吗?

javascript - 使用 .some() 比较数组

javascript - 自动更新 Google map Javascript API 上的标记位置

javascript - 如何在 ipad 上使用 javascript 在网络浏览器中播放 wav 文件

c# - 如何将缩略图从主图下方移动到主图右侧?

javascript - 如何删除回车键功能