On change event not fired with dynamically loaded data

varalakshmi · 01-21-2013, 08:55 AM

I am dynamically loading data in the input type text and triggering alert if the value of the text box is changed. But my code does not seem to work. Please provide suggestions.

Code:

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("input").val("value");
});
function valueChanged()
{
alert("value changed");
}
</script>
</head>
<body>

<input type="text" onchange="valueChanged()">
<p>Write something in the input field, and then press enter or click outside the field.</p>

</body>
</html>

Kyle123 · 01-21-2013, 11:06 AM

Since you're using JQuery, why not:

PHP Code:


			
        <script>

            $(document).ready(function(){

                

                $("input").val("value");



                $("input").change(function() {

                    alert("changed");

                });

            });

            

        </script>

    </head>

    <body>

        <input type="text" id="text1"/>

    </body>

Working example: http://jsfiddle.net/96gXw/