How to pass form input properties from a dynamic form into a JavaScript function

Question

I have a table with dynamically added rows that need to have different properties for dynamic use, submit, etc. How can I pass their properties without a fixed name, id or class?

The dynamically created element:

<input type="text" name="input1" id="input1" class="input1" onkeyup="foo(this.name, this.value);"/>

The JavaScript function:

foo(this.name, this.value){
    //data handler
};

I can´t rely on static properties for the function, they have to be passed after the element is created.

JNo · Accepted Answer · 2012-10-11 10:11:37Z

1

Do you tried using foo(this)?

And in function, gets properties.

function foo(node) {
    node.property;
}

answered Oct 11, 2012 at 10:11

JNo

4573 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Littm · Accepted Answer · 2012-10-11 10:24:54Z

0

You can add an event listener after the object is created by using:

your_new_object.addEventListener('keyup',foo,false);

edited Oct 11, 2012 at 10:24

answered Oct 11, 2012 at 10:15

Littm

4,9454 gold badges33 silver badges40 bronze badges

1 Comment

JNo Over a year ago

This solution isn't cross-browser (not working in IE8 or lower), and the second parameter must be "foo", not "foo()".

Collectives™ on Stack Overflow

How to pass form input properties from a dynamic form into a JavaScript function

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related