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 }}">