Question

I have just begun playing with MooTools, and I don’t understand why the following happens:

var input = new Element('input');
input.set('type','text');
input.set('value','this is the value');
console.log(input);

results in: <input type=​"text">​, so setting the value hasn’t worked.

But if I do this:

var input = new Element('input');
input.set('type','text');
input.set('someValue','this is the value');
console.log(input);

I get the expected result of <input type=​"text" somevalue=​"this is the value">​.

Am I overlooking something, is what I am trying to do not allowed, is this a bug in Chrome (11.0.696.71, OS X) or am I doing something else wrong?

Update: thanks for your answer! You are right, the value is actually being set; console.log(input.get('value')) gives back the proper value and I can see the value in the input field when I append the input object to the DOM.

Apparently, the value setting is just not reflected as an attribute of the HTML element, but only stored internally.

Answer 1

Are you sure the value isn’t being set?

What do you get when you call: input.get('value')

I tested this (in firefox) and even though the console just logs <input type=​"text"> the value does in fact get set. Try adding the element to the page and you’ll see it 🙂