Skip to main content

JQuery onclick assign val from txt to txt

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#btn").click(function(){
        $("#t").val($("#tc").val());
    });
});
</script>
</head>
<body>

<p>Name: <input type="text" id="tc" value="Raj"></p>

<button id="btn" >Show Value</button>
<br><br>
<input type="text" id="t">
</body>
</html>

Comments

Popular posts from this blog

Get Current Location & Address in PHP

index.php ____________________________________________________________________ <!DOCTYPE html> <head> <title>GEt Current Location</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script type="text/javascript"> jQuery(function($){ var lat = $('#lat'); var lng = $('#lng'); $('#submit').click(function(){ jQuery.ajax({ url: 'get_address.php', type: 'post', data: 'lat=' + lat.val() + '&lng='+lng.val(), success: function(results){ $("#ack").val(results) } }); }); }); </script> <script> if(!navigator.geolocation){ alert('Your Browser does not support HTML5 Geo Location. Please Use Newer Version Browsers'); } navigator.geolocation.getCurrentPosition(success, error); function success(position){ var latit...

AJAX POST IN PHP

AJAX POST SCRIPT ________________________________________________________ index.php ________________________________________________________ <!DOCTYPE html> <html> <head> <title>AJAX POST</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script type="text/javascript">    jQuery(function($){            var text1 = $('#text_id1');            var text2 = $('#text_id2');            $('#button_submit').click(function(){                    jQuery.ajax({                        ...

Auto refresh div using JQuery

<script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>         <script>         $(document).ready(function(){         setInterval(function(){         $("#set").load('refresh.php')         }, 1000);         });         </script>                  <div id="set"></div>