如何在模态（表单）中传递数据来编辑值？

Question

我正在使用 laravel 应用程序并使用模态表单进行编辑。

当我在两个字段中使用标签作为“title”、“des”和模态“my-title”和“my-description”时，当我使用任何文本时，它会获取所有数据，但在第三个字段上"value" & "my-value" 获取不到数据。

还请帮助如何在下拉菜单中获取数据。

在此您可以看到阶段总面积的数据，而城镇没有进入必填字段。

Index.blade.php

                    @foreach($phases as $cat)
                        <tr>
                            <td>{{$cat->phase_name}}</td>
                            <td>{{$cat->phase_address}}</td>
                            <td>{{$cat->phase_totalarea}}</td>
                            <td>
                                {{ \Illuminate\Support\Facades\DB::table('towns')->where('id',$cat->town_id)->value('town_name')}}</td>
                            <td>
                                <button class="btn btn-info" 
                                data-mytitle="{{$cat->phase_name}}" 
                                data-mydescription="{{$cat->phase_address}}" 
                                data-myvalue="{{$cat->phase_totalarea}}" 
                                 data-mytown="{{$cat->town_id}}"
                                data-catid={{$cat->id}} data-toggle="modal" 
                                data-target="#edit">Edit</button>
                                /
                                <button class="btn btn-danger" data-catid={{$cat->id}} data-toggle="modal" data-target="#delete">Delete</button>
                            </td>
                        </tr>

                    @endforeach

Form.blade.php

    <label for="title">Phase Name</label>
    <input type="text" class="form-control" name="phase_name" id="title">
</div>

<div class="form-group">
    <label for="des">Phase Address</label>
    <textarea name="phase_address" id="des" cols="20" rows="5" class="form-control"></textarea>
</div>


<div class="form-group">
    <label for="value">Phase Total Area</label>
<input type="text" class="form-control " name="phase_totalarea" id="value"  >


</div>

@php
use Illuminate\Support\Facades\DB;
$twn=DB::table('towns')->get();
$counter=0;
@endphp

<div class="form-group row">

<label for="town" class="col-md-4 col-form-label">Select Town:</label>

<div class="col-md-4 col-form-label">
    <select name="town_id" class="form-control" style="width:360px" id="town" required autofocus>
        <option value="">--- Select Town ---</option>


        @foreach($twn as $town)
            @if($counter==-1)
                <option selected="selected" value="{{$town->id}}">{{$town->town_name}}</option>
                {{$counter++}}
            @else
                <option value="{{$town->id}}">{{$town->town_name}}</option>
            @endif
        @endforeach
    </select>
</div>
</div>

Answer 1

因为您没有包括我猜的错误您需要为此涉及 jquery。在数据表中为 onclick 创建一个函数，就像您为删除所做的那样。 并将数据发送给函数，然后通过 ID 将数据传递给模态。这将是一种简单而专业的方式

   function openModalAndSendData(a){
     var title= $(a).attr('title');
     var desc = $(a).attr('desc ');
     var value= $(a).attr('value');

$('#Modal').modal('show');
        $('#title').val(title);
        $('#desc ').val(desc );
        $('#value').val(value);
    }

在模态下获取输入字段中的数据，如

<label for="recipient-name" class="col-form-label"> title:</label>
<input type="text" class="form-control" id="title"  >

<label for="recipient-name" class="col-form-label"> desc :</label>
<input type="text" class="form-control" id="desc"  >

<label for="recipient-name" class="col-form-label"> value:</label>
<input type="text" class="form-control" id="value"  >