Using of Onchage function get Value in laravel ?

In this tutorail i’m going to share how to use onchange function in laravel and get the value of onchage functions.

What is Onchange Function ?

The onchange function is not a specific function on its own; rather, it is an event handler attribute used in HTML and JavaScript. It is commonly used with form elements, such as input fields, select boxes, and textareas, to execute a script or function when the value of the element is changed by the user.

How to use it ?

Go to blade page and put below code


<select name="project_ids" id="project_ids" class="form-control" required
    autocomplete="off">
    <option value="" class="text-dark">Select Project Name
    </option>
    <!-- Other options go here -->
</select>

Next go to script and put below code

$('#project_ids').on('click', function() {
                    console.log('Selected a project');
                    var selectedProjectId = $(this).find(':selected').attr('name');
                    $('#projects_id').val(selectedProjectId);
                    // Print the selected project ID
                    console.log('Selected Project ID:', selectedProjectId);
                    ajaxCall();
                });
                function ajaxCall() {
                    // Get the currently selected project name
                    var selectedProjectName = $('#project_ids').val();
                    $.ajax({
                        type: "GET",
                        url: "{{ url('api/v1/j/project/index/') }}/" + slug_id,
                        data: {},
                        headers: {
                            "Authorization": "Bearer " + localStorage.getItem('a_u_a_b_t')
                        },
                        success: function(html) {
                            console.log("Data received successfully");
                            console.log(html.data);
                            // Clear and populate the dropdown or perform other actions
                            var projectIdsDropdown = $('#project_ids');
                            // Clear existing options, but keep the "Select Url" option
                            projectIdsDropdown.find('option:not(:first)').remove();
                            $.each(html.data, function(i, link) {
                                console.log('All category here: ');
                                projectIdsDropdown.append('<option name="' + link.id + '" value="' +
                                    link.project_name + '">' + link.project_name + '</option>');
                            });
                            // Reselect the previously selected project name
                            projectIdsDropdown.val(selectedProjectName);
                        },
                        error: function(errorResponse) {
                            console.error('Error in AJAX call');
                            console.log(errorResponse);
                        }
                    });
                }

Output :-

Hi I am Amit Kumar Thakur Experienced as s Software Developer with a demonstrated history of working in the information technology and services industry. Skilled in HTML, CSS, Bootstrap4, PHP, Laravel-9 , REST API,FB API,Google API, Youtube Api, Bitbucket,Github,Linux and jQuery. Strong engineering professional focused in Computer/Information Technology Administration and Management. Currently my profile is to Software Developer, analyze the requirement, creating frame for web application, coding and maintenance.

Related Posts

How to Crawl any website Meta Title and Meta Description in Laravel ?

1st step install below package. Next to create Controller First go to route and put below code Next go to controller and put below code Next go…

SQLSTATE[HY000] [2002] No such file or directory (Connection: mysql, SQL: insert into `oauth_clients` (`user_id`, `name`, `secret`

In this tutorial i’m going to solve the error SQLSTATE[HY000] [2002] No such file or directory (Connection: mysql, SQL: insert into oauth_clients (user_id, name, secret Error :-…

Top 20 Laravel Interview Question in 2024

In this tutorial im going share interview experience For laravel developer. A list of top frequently asked Laravel Interview Questions and answers are given below. Q #1) What is…

How to Get Google Analytics API key ?

In this tutorial we’re going to share how to get the google Analytics API key. I have shared in very easy way. First go enable Google analytics…

Youtube Subscriber Count in ReactJs

In this tutorial i’m going to learn how to count YouTube Subsribers count, views count as well, as define below. In order to install your app, first…

How to Disable Laravel’s Eloquent timestamps in laravel ?

In this tutorial we’re going to share how to disable the automatic created_at and updated_at timestamps in Laravel’s Eloquent models, along with explanations of different scenarios: 1st…

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x