根据条件单击提交按钮时更改文本字段值

Question

Hi I know this must be simple question I am new to javascript I wanted to implement that when a button submit was clicked the value of my two textfield will be submitted differently base in the condition but I dont know why mine is not working its not setting the value to mytext1 and mytext2. I will really appreciate any advice. Thank you

<script>

$(document).ready( function(){

    $('#submit').click(function() {

        var date1 = document.getElementById("temp1").value;
            var user = document.getElementById("temp2").value;

            var admin = document.getElementById("temp3").value;
            if(user!='Admin') {
                document.getElementById("mytext1").value = user;
          document.getElementById("mytext2").value = date1;

      }else {

         document.getElementById("mytext1").value = admin;
          document.getElementById("mytext2").value = date1;

      }


    });
});

</script>

Answer 1

try with "on"

<script>

$(document).ready( function(){

    $('document').on('click','#submit', function() {

        var date1 = document.getElementById("temp1").value;
            var user = document.getElementById("temp2").value;

            var admin = document.getElementById("temp3").value;
            if(user!='Admin') {
                document.getElementById("mytext1").value = user;
          document.getElementById("mytext2").value = date1;

      }else {

         document.getElementById("mytext1").value = admin;
          document.getElementById("mytext2").value = date1;

      }


    });
});

</script>

Answer 2

Using below snippet you can differentiate whatever you want to submit differently. I've created the function using JQuery

Please provide more code in your question to understand better

 $(document).on('click','#submit', function() { var first = $('#temp1').val(); var second = $('#temp2').val(); var user = $('#useradmin').val(); if (user == 'user') { $('#show').html(first); $('#showUserAdmin').html(user); } else { $('#show').html(second); $('#showUserAdmin').html(user); } }); 

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> <input type="text" id="temp1" placeholder="will submit in User" value="Submit along with User"><br> <input type="text" id="temp2" placeholder="will submit in Admin" value="Submit along with Admin"><br> <select required id="useradmin"> <option value="user">User</option> <option value="admin">Admin</option> </select> <button type="button" id="submit">Submit</button> <div id="show"></div> <div id="showUserAdmin"></div>