跨度onClick JQuery更改文本

时间:2019-07-18 14:19:50

标签: javascript jquery laravel-5

我正在尝试从数据库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>

1 个答案:

答案 0 :(得分:0)

不能100%确定您要完成的目标,但是无论如何,这是我的想法。

  1. 在onclick实现中,您为函数readd提供了一个自变量,您没有在底部的JavaScript代码中使用/定义该函数。
  2. 您似乎尝试使用id="amount"
  3. 将值推入引导程序模式的输入文本字段中

以下是经过改进的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 }}">