Element not taking string values

Question

I have a html page containing two textboxes with id name and mobile.

I've created a list and inserted the values into it.But its not taking the name value, its only taking the mobile textbox value. The other part is shown as undefined.

This is the code.

var li = document.createElement("li");
li.textContent = name.value +" , "+mobile.value;
list.appendChild(li);

What is the error ?

I would assume the issue is somewhere else: Show us how you are defining name? — 1321941
– 1321941, Commented Dec 27, 2013 at 17:56
<input type="text" id="name" required="required"> this is how i defined the name textbox.i dont think the problem is with defining...its showing undefined only when i assign it to li element. — user3131979
– user3131979, Commented Dec 30, 2013 at 10:21

mplungjan · Accepted Answer · 2013-12-27 17:56:43Z

1

"name" is a poor name for a field since if you do not qualify is like document.getElementsByName("name")[0] it could be window.name -

If the field has id="name" then use document.getElementById("name") instead since most browsers do not copy the ID attribute to the window scope

Thus

var li = document.createElement("li");
li.textContent = document.getElementById("name").value +" , "+
  document.getElementById("mobile").value; 
list.appendChild(li);

I also personally prefer li.innerHTML since it works in all browsers

Lastly remember that IDs must be unique

answered Dec 27, 2013 at 17:56

mplungjan

180k29 gold badges183 silver badges246 bronze badges

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

Collectives™ on Stack Overflow

Element not taking string values

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related