Home/ Questions/Q 7055021
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T03:41:53+00:00

Im writing a test code to do a counter that stores the value in

  • 0

Im writing a test code to do a counter that stores the value in a hidden form field. Whenever this counter is incremented with a button click, the counter value is stored in the hidden field. I have no problem with this portion.

However, im having problem to display an alert whenever the hidden field is being changed. Pls see my code below and tell me where i have gone wrong. Thank You.

<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

    <script type="text/javascript">

        function startRolling() {
            var storage=document.getElementById('store').value;  

            var tonum;

            if(parseInt(storage)==0)
                {
                    tonum=1;

                }
             else {
                 tonum=parseInt(storage,10);

             }

            tonum=tonum+1;
            document.getElementById('store').value=tonum;
            storage=document.getElementById('store').value;
            alert(storage)
        }


        $(document).ready(function() {
var content = $('#store').val();

$('#store').change(function() { 
    if ($('#store').val() != content) {

        alert('Content has been changed')
    }
});

});

    </script>


</head>
<body>
    <input type="button" id="trigger" value="Start" onclick="startRolling()"/>
    <input type="text" id="cnt" readonly="readonly"/>
    <input type="hidden" id="store" value="0"/>
</body>

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    What if you just fire the event without trying to detect the change?

    function startRolling() {
        var storage=document.getElementById('store').value;  

        var tonum;

        if(parseInt(storage)==0)
            {
                tonum=1;

            }
         else {
             tonum=parseInt(storage,10);

         }

        tonum=tonum+1;
        document.getElementById('store').value=tonum;
        if(storage != tonum) {
             alertChange();
        }
        //storage=document.getElementById('store').value;
        //alert(storage)
}

function alertChange() {
        alert('Content has been changed');
}

    You could also look at the trigger event in jquery: http://api.jquery.com/trigger/.

    • 0