「select2でデータが選択できない問題を解決」

Question

データを編集するときに、select2 に小さな問題が発生しました。select2 は値を選択しません。 これは私のデータ表示テーブルのデータです

[データの編集] ボタンをクリックすると、親値の [設定] が選択されるはずですが、機能しません。これを参照してください

モーダル スクリプト

リーリー

これは私の ajax スクリプトです

Ajax スクリプト

リーリー

編集ボタンがクリックされたときにデータを取得する通常、トリガーを使用してselect2の選択された値を設定しますが、機能しません

データの取得

リーリー

これは私のコントローラーです

＃＃＃＃＃＃コントローラ＃＃＃＃＃＃ リーリー

データは表示されていますが、選択されていません。次のようになります。 コードの書き方が正しいかどうかわかりません。コーディングは初心者なので助けてください:)

Answer 1

そこで、私が作成したコードで解決策を見つけました。コントローラーと JavaScript スクリプトにコードを追加しました。私が追加したコードは次のとおりです:

データを取得するために、コントローラーに次のコードを追加しました。

// すべての親ナビゲーション項目を取得します (現在のナビゲーション項目を除く)
    $parentItems = Navigation::where('id', '!=', $id)->get(['id', 'name']);

これはコードの完成部分です ここをクリックして表示します

JavaScript に関しては、select2 の戻り値を次のように変更しました。

///parent_id に基づいて親アイテムの名前を取得します var 親名 = ''; varparentItem = response.parent_items.find(function(item) { return item.id === response.data.parent_id; }); if (親項目) { 親名 = 親項目.名; } var newOption = new Option(parentName, response.data.parent_id, true, true); $(".parent_id").append(newOption).trigger('change');

これはコードの完成部分です

ここをクリックして表示します