Skip to main content

How to set and get values from datepicker fields and a select box and store them in local storage in javascript?

I am working on form in which I want get same data as I picked for dates field and selected the user id when window is duplicated, not on form submission. I want to store the values of audit, transcribe date, cru id and user id in local storage and get them in the fields when the browser window is duplicated.

<div class="col-sm-6 one">
                        <div class="form-group">
                            <label for="">Audit Date <span>*</span></label>
                            <input type="text" class="form-control datetimepicker-input auditdatepicker"
                                id="audit_date" name="audit_date" data-toggle="datetimepicker"
                                data-target=".auditdatepicker" required>
                        </div>

                    </div>
                    <div class="col-sm-6 one">
                        <div class="form-group">
                            <label for="">Transcribe Date <span>*</span></label>
                            <input type="text" class="form-control datetimepicker-input transcribedatepicker"
                                id="transcribe_date" name="transcribe_date" data-toggle="datetimepicker"
                                data-target=".transcribedatepicker" required>
                        </div>
                    </div>

                <div class="col-sm-6">
                    <div class="form-group">
                        <label>CRU ID</label>
                        <select name="cru_agent_detail_id" class="form-control select2" id="user_list">
                            <option value="">Select CRU ID</option>
                            @foreach ($users as $user)
                                <option value=""></option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="col-sm-6">
                    <label for="exampleInputEmail1">Agent Name</label>
                    <input type="text" class="form-control" name="name" id="agent_name" placeholder="Agent Name"
                        readonly>
                </div>

Basically I am not getting the point of how to get the values of above mentioned fields. When browser window is duplicated. The javscript code I tried is:

$(document).ready(function() {
        $('#user_list').change(function() {
            localStorage.setItem('user_list', cru_id);
            var id = $(this).val();
            $.ajax({
                url: 'get-user-detail/' + id,
                type: 'get',
                dataType: 'json',
                success: function(response) {
                    user = response.data
                    agent_name = $("#agent_name").val(user.name);
                    localStorage.setItem('agent_name', agent_name);
                }
            })
        });
    });
Via Active questions tagged javascript - Stack Overflow https://ift.tt/3hjE4JF
Labels:

Comments

Post a Comment

Popular posts from this blog

Why is my reports service not connecting?

I am trying to pull some data from a Postgres database using Node.js and node-postures but I can't figure out why my service isn't connecting. my routes/index.js file: const express = require('express'); const router = express.Router(); const ordersCountController = require('../controllers/ordersCountController'); const ordersController = require('../controllers/ordersController'); const weeklyReportsController = require('../controllers/weeklyReportsController'); router.get('/orders_count', ordersCountController); router.get('/orders', ordersController); router.get('/weekly_reports', weeklyReportsController); module.exports = router; My controllers/weeklyReportsController.js file: const weeklyReportsService = require('../services/weeklyReportsService'); const weeklyReportsController = async (req, res) => { try { const data = await weeklyReportsService; res.json({data}) console...
Post a Comment
Read more

How to show number of registered users in Laravel based on usertype?

i'm trying to display data from the database in the admin dashboard i used this: <?php use Illuminate\Support\Facades\DB; $users = DB::table('users')->count(); echo $users; ?> and i have successfully get the correct data from the database but what if i want to display a specific data for example in this user table there is "usertype" that specify if the user is normal user or admin i want to user the same code above but to display a specific usertype i tried this: <?php use Illuminate\Support\Facades\DB; $users = DB::table('users')->count()->WHERE usertype =admin; echo $users; ?> but it didn't work, what am i doing wrong? source https://stackoverflow.com/questions/68199726/how-to-show-number-of-registered-users-in-laravel-based-on-usertype
Post a Comment
Read more

The number of nodes and edges I calculated manually and by a method provided by networkx library dont match

I am trying to analyse a graph using networkx library in Python. I have implemented a function that returns the nodes and edges of that graph. After that I counted the number of nodes and edges by implementing the len() function for nodes and edges, which gave me 17 for both nodes and edges. However, when I used the method graph.number_of_nodes() of networkx library it gave me 53. My code: import pandas as pd import networkx as nx import matplotlib.pyplot as plt header_list = ["a","b","w"] E =pd.read_csv("aves-barn-swallow-contact-network.edges",sep=" ",header= None,names=header_list) # print(E.head()) # prints first few rows of the csv file G = nx.from_pandas_edgelist(E,"a","b",["w"]) nx.draw(G) plt.show() class GraphAnalyse: #finding nodes and edges def nodeEdge(self,Graph): nodes = Graph.nodes() edges = Graph.edges() ...
Post a Comment
Read more