Editing html input element from javascript bugs out

Question

I have this input field in html:

<input id="title" type="text" class="" />

A button will allow the user to randomize the value of the input field by calling a js function.

var title = document.getElementById("title");
title.removeAttribute("value");
title.setAttribute("value",random_name);

If the user wants to change the value auto-asigned by my function (aka random_name), he can simply type something else in the input field.

All works fine until now, however if the user changes his mind and clicks the randomize button again, the function is called and "value" attribute is modified, but the user still sees the last thing he typed and not the new random value.

Is there a way to fix this or maybe a workaround?

Instead of title.removeAttribute() and title.setAttribute() just assign to title.value directly. — Tomalak
– Tomalak, Commented May 16, 2014 at 15:14

David Thomas · Accepted Answer · 2014-05-18 00:09:55Z

1

Just do title.value = random_name

You can set an input's value by element.value = "desired_value". If you use that, it works.

http://jsfiddle.net/f4gVR/2/

<input id="title" type="text" class="" />
<input type="button" class="" onclick="randomValue()" value="Random" />

function randomValue() {
  var title = document.getElementById("title");
  title.value = Math.random(); // assign random_name to title.value here
}

if it's your random_name bugging out, you should post the code. Try this first. Just replace Math.random() with random_name.

edited May 18, 2014 at 0:09

David Thomas

254k53 gold badges382 silver badges421 bronze badges

answered May 16, 2014 at 15:11

jeoj

6536 silver badges9 bronze badges

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

Comments

arvic.rivera · Accepted Answer · 2014-05-16 15:15:28Z

1

you need to use title.value = random_name; instead of title.setAttribute("value",random_name);

Fiddle: http://jsfiddle.net/4dhKa/

answered May 16, 2014 at 15:15

arvic.rivera

6715 silver badges6 bronze badges

Collectives™ on Stack Overflow

Editing html input element from javascript bugs out

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related