Dynamicaly created input element with jquery

Question

I added dynamicaly input field with jquery. And now I want to make event with jquery "focusout" but its not triggering... any ideas ?

This input is created dynamicaly with jQuery.

<input type="text" id="input_id" name="input_name" value="" />

$("#input_id").focusout(function(){
     alert("test");
});

SOLVED UPDATE:

$("#input_id").live('focusout', function() {

SO needs to move the favorite button further away from the down-vote button. — Brad M, Mar 19 '13 at 17:16
I tried this: $("#input_id").on('focusout', 'input', function() but not working... — andys, Mar 19 '13 at 17:19
possible duplicate of [jQuery click not working for dynamically created items](http://stackoverflow.com/questions/9484295/jquery-click-not-working-for-dynamically-created-items) — wirey00, Mar 19 '13 at 17:25

score 0 · Answer 1 · answered Mar 19 '13 at 17:21

0

While you creating input field give an id for the input element. <input type='text' id='myfield' /> Now you can write code for focus out / blur like below

$("#myfield").blur(function(){
    // Your code here
   // If you want to Get the value from that field ?
   var val1 = $("#myfield").val();
});

answered Mar 19 '13 at 17:21

Radhakrishna Rayidi

510
2
9
24

as you can see the ID is already created ... – andys Mar 19 '13 at 17:26
Put your jQuery code in `$(document).ready(function(){ // your jquery code goes here });` some times this will be needed. Or you can try .hover instead that contains two function on mouseover and mouseout – Radhakrishna Rayidi Mar 19 '13 at 17:30

score 0 · Accepted Answer · edited Mar 19 '13 at 17:55

0

What you are looking for is

$("#input_id").live('focusout', function() {

edited Mar 19 '13 at 17:55

flup

26,937
7
52
74

answered Mar 19 '13 at 17:31

andys

708
3
11
29

Dynamicaly created input element with jquery

2 Answers2