Laravel dynamique de la liste déroulante de l'etat et du pays

Je suis en train de faire deux menus déroulants. Ce sont les pays et les états des sélections à partir de ma base de données. Mon problème est de ne pas savoir comment rendre les conditions que les états doivent être dépendants des pays. Lorsque je sélectionne [countryname] il donnera une sélection différente des états nom dans ma liste déroulante. Jusqu'à présent ici ce que j'ai fait jusqu'à présent.

AdminController.php

public function user_register()
    {
        $countryname = DB::table('countries')
            ->get();
        $statename = DB::table('states')
            ->get();

        $title = ucwords(Lang::get('constants.user') . ' ' . Lang::get('constants.register')); 
        return View::make('register.user_register')
            ->with('title', $title)
            ->with('page', 'user_register')
            ->with('countryname', $countryname)
            ->with('statename', $statename)
    }

user_register.blade.php

<select class="form-control" id="countries" name="countries">
    <option value="">Please select</option>
        <?php foreach ($countryname as $key=>$countryname): ?>
        <option value="<?php echo $countryname->sortname; ?>"<?php
         if (isset($countries) && Input::old('countries') == $countryname->sortname) 
         {
             echo 'selected="selected"';
         }
         ?>>
         <?php  echo $countryname->sortname ." - ". $countryname->name  ; ?>
    </option>
    <?php endforeach; ?>
</select>


<select class="form-control" id="states" name="states">
    <option value="">Please select</option>
        <?php foreach ($statename as $key=>$statename): ?>
        <option value="<?php echo $countryname->name; ?>" <?php
        if (isset($states) && Input::old('states') == $statename->name)
        {
            echo 'selected="selected"';
        }
        ?>>
        <?php  echo $statename->name; ?></option>
        <?php endforeach; ?>
</select>

Dans ma base de données

Table: pays

+-----------+--------------+------+-----+---------+----------------+
| Field     | Type         | Null | Key | Default | Extra          |
+-----------+--------------+------+-----+---------+----------------+
| country_id| int(11)      | NO   | PRI | NULL    | auto_increment |
| sortname  | varchar(3)   | NO   |     | NULL    |                |
| name      | varchar(150) | NO   |     | NULL    |                |
| phonecode | int(11)      | NO   |     | NULL    |                |
+-----------+--------------+------+-----+---------+----------------+

Table: états

+------------+------------------+------+-----+---------+----------------+
| Field      | Type             | Null | Key | Default | Extra          |
+------------+------------------+------+-----+---------+----------------+
| id         | int(10) unsigned | NO   | PRI | NULL    | auto_increment |
| name       | varchar(255)     | NO   |     | NULL    |                |
| country_id | int(11)          | NO   |     | NULL    |                |
+------------+------------------+------+-----+---------+----------------+

Vous souhaitez mettre à jour les états lorsque vous sélectionnez un pays (pour ne montrer que les états liés à ce pays)? Si oui, vous aurez besoin de javascript.
Cela doit être fait avec javascript. Passer le pays/état des données dans une variable, et de modifier l'état avec onChange() sur le pays sélectionnez.
Aussi, si vous êtes à l'aide de la lame, ne pas utiliser de <?php if (..., il suffit d'utiliser @if (.... Voir la doc laravel.com/docs/5.4/blade
afficher uniquement les états liés à ce pays) Yes Sir, exactement, je tiens à le rendre dynamique déroulante (à changer). Pouvez-vous m'aider Sir sur comment vais-je faire le codage? 🙁 Qui est aussi le bon moyen de code au lieu de balises html comme: <?php if....
Oui, Monsieur @aynber, merci pour la réponse je vais avoir des problèmes comment vais-je faire le codage... 🙁 dans laravel

OriginalL'auteur Kevin Lebadesos | 2017-07-12

Voici comment faire une dynamique déroulant dans Laravel:

Vous pouvez voir une démonstration de la façon dont il fonctionne ici https://www.dronejobs.co/

Avertissement: je n'ai pas tester, mais ça devrait fonctionner. N'hésitez pas à commenter et je vais mettre à jour

app/Http/Controllers/HomeController.php

<?php

namespace App\Http\Controllers;

use App\{Country, State};

class HomeController extends Controller
{
    public function index()
    {
        return view('home', [
            'countries' => Country::all(),
            'states' => State::all(),
        ]);
    }
}

resources/views/home.blade.php

<select name="country">
    @foreach ($countries as $country)
        <option value="{{ $country->id }}">{{ $country->name }}</option>
    @endforeach
</select>

<select name=“state”>
    @foreach ($states as $state)
        <option value="{{ $state->id }}">{{ $state->name }}</option>
    @endforeach
</select>

<script>
    $(function() {
        $('select[name=country]').change(function() {

            var url = '{{ url('country') }}' + $(this).val() + '/states/';

            $.get(url, function(data) {
                var select = $('form select[name= state]');

                select.empty();

                $.each(data,function(key, value) {
                    select.append('<option value=' + value.id + '>' + value.name + '</option>');
                });
            });
        });
    });
</script>

app/Country.php

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Country extends Model
{   
    public function states()
    {
        return $this->hasMany('App\State');
    }

app/State.php

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

Class State extends Model
{   
    public function country()
    {
        return $this->belongsTo('App\Country');
    }

routes/web.php

Route::get('country/{country}/states', 'CountryController@getStates');

app/Http/Controllers/CountryController.php

<?php

namespace App\Http\Controllers;

use App\Country;

class CountryController extends Controller
{
    public function getStates(Country $country)
    {
        return $country->states()->select('id', 'name')->get();
    }
}

wooaahh, j'ai été choqué! Beaucoup de grâce à vous Monsieur tompec!!! <3 🙂
S'il vous plaît laissez-moi savoir ce qui fonctionne et marque de la question comme résolu si c'est le cas 😉
Je vais essayer votre échantillon Monsieur, merci encore. 🙂
est-il plus court de la méthode dans retrieveing des données à partir de la base de données et de passer sur mes listes déroulantes? aime: $countryname = DB::table('pays')->get(); . Puis ajouter un peu de js codes pour le paramètre(onchange condition)?

OriginalL'auteur tompec

Je voudrais mettre à jour ce post, j'ai déjà résolu mon problème. Je veux juste partager cette solutions pour la communauté 🙂

J'ai juste ajouté quelques ajax de codes pour ce dans mon user_register.blade.php:

    <div class="form-group">
        <label for="title">Select Country:</label>
        <select name="country" class="form-control">
            <option value="">--- Select country ---</option>
            @foreach ($countries as $key => $value)
                <option value="{{ $value }}">{{ $value }}</option>
            @endforeach
        </select>
    </div>
    <div class="form-group">
        <label for="title">Select state:</label>
        <select name="state" class="form-control">
        </select>
    </div>
    <script type="text/javascript">
    $(document).ready(function() {
    $('select[name="country"]').on('change', function() {
        var countryID = $(this).val();
            if(countryID) {
            $.ajax({
                url: '/admin/user_register/ajax/'+encodeURI(countryID),
                type: "GET",
                dataType: "json",
                success:function(data) {
                $('select[name="state"]').empty();
                $.each(data, function(key, value) {
                    $('select[name="state"]').append('<option value="'+ value +'">'+ value +'</option>');
                    });
                }
            });
            }else{
            $('select[name="state"]').empty();
              }
           });
        });
    </script>

Qui j'ai spécifié l'endroit pour obtenir les données de base sur l'identification des pays et va passer à mon routes.php:

url: '/admin/user_register/ajax/'+encodeURI(countryID),

Dans mon routes.php:

    //dynamic dropdown country and states
Route::get('/admin/user_register/ajax/{country_id}',array('as'=>'user_register.ajax','uses'=>'AdminController@stateForCountryAjax'));

Dernière, j'ai ajouté quelques codes dans mon AdminController.php quoi faire:

public function stateForCountryAjax($country_name)
{
    $country_name = urldecode($country_name);
    $country_id = $this->_stateCountryIDForCountryName($country_name);
    $states = DB::table("states")
                ->where("country_id",$country_id)
                ->lists('name','id');
    return json_encode($states);
}

private function _stateCountryIDForCountryName($country_name)
{
    return DB::table('countries')->where("name","$country_name")->first()->country_id;
}

Cette méthode fonctionne pour moi. J'ai été en mesure maintenant de mettre à jour dynamiquement option de liste déroulante (unis) basée sur l'identification des Pays.

OriginalL'auteur Kevin Lebadesos

Vous devez vous connecter pour publier un commentaire.