/Javascript/jQuery/Set options using jquery in laravel form collective

Set options using jquery in laravel form collective

//...
{!! Form::select('jobsList[]', [], null, ['id' => 'job', 'class' => 'form-control' 'multiple', 'style' => 'width: 60%; margin-top: 10px;', 'disabled'=>'disabled']) !!}
..//

Source: stackoverflow.com

Set options using jquery in laravel form collective

<script>
    $(document).ready(function() {

            //Make an Ajax request to a Laravel route
            //This will return the data that we can add to our Select element.
            $.ajax({
                url: 'YOUR URL GOES HERE',
                type: 'get',
                success: function(data){

                    //Log the data to the console so that
                    //you can get a better view of what the script is returning.
                    console.log(data);

                    $.each(data, function(key, value){
                        //Use the Option() constructor to create a new HTMLOptionElement.
                        var option = new Option(key, value);
                        //Convert the HTMLOptionElement into a JQuery object that can be used with the append method.
                        $(option).html(value);
                        //Append the option to our Select element.
                        $("#job").append(option);
                    });

                }
            });

        });
</script>

Source: stackoverflow.com

Similar codes

1 vote131 views1 answer
Jquery wysiwyg editor val acf
Javascript jQuery
0 vote126 views1 answer
Onclick css display jquery
Javascript jQuery
1 vote137 views1 answer
CountTo add commas to number jquery
Javascript jQuery
0 vote108 views1 answer
Javascript check if variable is a jquery object
Javascript jQuery
0 vote144 views1 answer
Jquery check is select
Javascript jQuery
0 vote102 views2 answers
Pure JavaScript Send POST NO JQUERY
Javascript jQuery
0 vote117 views1 answer
Jquery datepicker change date format
Javascript jQuery
5 votes104 views3 answers
Jquery disable all input form
Javascript jQuery
5 votes110 views4 answers
Hide bootstrap modal jquery
Javascript jQuery
33 votes115 views3 answers
Prevent default jquery
Javascript jQuery