span onClick JQuery 更改文本

Question

我正在尝试从数据库中获取一个值： SenderDriver->total_trips 。

一切都很好，但我想获得一个特定的 id，所以我必须将它放入onClick() ，然后它从数据库变量中设置值： SenderDriver->total_trips 。

这是代码

 <span onclick="readd( amounts{{$referral_detail->SenderDriver->total_trips}});" 
          data-target="#addMoneyModel" data-toggle="modal" id="{{$referral_detail->GetterDriver->id }}">
   <a data-original-title="Add Money" data-toggle="tooltip" id="{{ $referral_detail->GetterDriver->id }}" data-placement="top" class="btn text-white btn-sm btn-success menu-icon btn_detail action_btn"> 
    <i class="fa fa-money-bill"></i> 
   </a>
  </span>

现在我希望 val 在使用上述代码单击时更改特定文本。 顺便说一句，这一切都在 .blade.php 中

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<script type="text/javascript">
   function readd(){
      $("input:text").val(amounts);
    }
</script>

我尝试了很多没有任何帮助？

输入

<div class="modal fade text-left" id="addMoneyModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel33"
         aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <label class="modal-title text-text-bold-600" id="myModalLabel33">@lang('admin.message200')</label>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form action="{{ route('merchant.AddMoney') }}" method="post">
                    @csrf
                    <div class="modal-body">
                        <label>@lang('admin.message203'): </label>
                        <div class="form-group">
                            <select class="form-control" name="payment_method" id="payment_method" required>
                                <option value="1">@lang('admin.message201')</option>
                                <option value="2">@lang('admin.message202')</option>
                            </select>
                        </div>

                        <label>@lang('admin.message204'): </label>
                        <div class="form-group">
                            <input type="text" name="receipt_number" value="0"
                                   class="form-control" required>
                        </div>

                        <label>@lang('admin.message205'): </label>
                        <div class="form-group">
                            <input type="text" id="amount" name="amount"
                                   class="form-control" required>
                            <input type="hidden" name="add_money_driver_id" id="add_money_driver_id">
                        </div>

                        <label>@lang('admin.message206'): </label>
                        <div class="form-group">
                        <input class="form-control" id="title1" rows="3" name="description"
                                  value="Refer Gift">
                        </div>
                    </div>
                    <div class="modal-footer">



                        <input type="reset" class="btn btn-outline-secondary btn-lg" data-dismiss="modal" value="close">
                        <input type="submit" class="btn btn-outline-primary btn-lg" value="Add">
                    </div>
                </form>
            </div>
        </div>
    </div>

Answer 1

不是 100% 确定你想要完成什么，但无论如何这是我的想法。

1. 在您的 onclick 实现中，您为函数readd提供了一个参数，您没有在底部的 javascript 代码中使用/定义该参数。
2. 看来您尝试将该值推送到id="amount"引导模式的输入文本字段中

这是改进的 JavaScript 部分：

<script type="text/javascript">
   function readd(amount){
      $("#amount").val(amounts);
    }
</script>

我不确定引导程序切换是否可能覆盖 span 元素的 onclick 事件。 如果是这种情况，您需要以不同的方式处理该问题

<script type="text/javascript">
   function readd(amount){
      $("#amount").val(amounts);
      // Do something with the id
      const some_important_id = $(this).attr('data-id');
      console.log(some_important_id);
      $('#addMoneyModel').modal('show');
    }
</script>

并从您的 Span 元素中删除模态内容。

<span onclick="readd( {{$referral_detail->SenderDriver->total_trips}});" data-id="{{$referral_detail->GetterDriver->id }}">