/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

15 votes304 views5 answers
Jquery if is visible
Javascript jQuery
0 vote286 views1 answer
Hide a div on clicking outside it with jquery
Javascript jQuery
0 vote296 views1 answer
How to access viewmodel in jquery
Javascript jQuery
10 votes265 views4 answers
Add and remove class in jquery
Javascript jQuery
0 vote261 views1 answer
Data attribute hide & show function syntax in jquery
Javascript jQuery
1 vote282 views1 answer
Jquery if else on click
Javascript jQuery
0 vote285 views1 answer
Use jquery in project using NPM
Javascript jQuery
0 vote293 views1 answer
JQuery UI droppable accept maximum number of elements
Javascript jQuery
1 vote308 views2 answers
Jquery detect textarea change
Javascript jQuery
2 votes296 views1 answer
Push tr in tbody using jquery
Javascript jQuery