/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

13 votes260 views6 answers
If radio checked jquery
Javascript jQuery
0 vote237 views1 answer
Jquery disable enter key submit
Javascript jQuery
1 vote225 views2 answers
Save sort order of jquery sortable
Javascript jQuery
1 vote256 views1 answer
How to push the get variables without page reloading in Jquery
Javascript jQuery
0 vote208 views1 answer
.html jquery in javascript
Javascript jQuery
3 votes240 views2 answers
On load of jquery
Javascript jQuery
22 votes160 views1 answer
Jquery loop over elements
Javascript jQuery
3 votes226 views2 answers
Jquery ajax refresh
Javascript jQuery
0 vote228 views1 answer
Import jquery into angular 8
Javascript jQuery
18 votes221 views3 answers
Jquery on modal close event
Javascript jQuery