Input element value is rendered as the HTML entity string not the character

Question

I have many html entities, for example: 確定 (Japanese characters), that are being rendered as the string: 確定 , not as the characters, if I try:

var inputEl = document.createElement("input");

inputEl.value = "確定";

Does anyone know a workaround? I'm a little stumped.

how about using the text directly in input? [https://jsfiddle.net/xqnk6hma/](https://jsfiddle.net/xqnk6hma/) — Gaara, Dec 21 '17 at 16:47
this is probably the answer you're looking for: https://stackoverflow.com/a/9609450/1244184 — Jonathon Hibbard, Feb 28 '19 at 19:14

score 0 · Answer 1 · answered Dec 21 '17 at 16:55

0

You can do this trick. Seems html entities are not decoding properly in your example. Therefore You can use trick function to decode them using temporary html div element.

function trick(x){
  var a = document.createElement('div');
  a.innerHTML = x;
  return a.innerHTML;
}

var inputEl = document.createElement("input");

inputEl.value = trick("&#30906;&#23450;");

document.getElementById('d').appendChild(inputEl);

<div id="d"></div>

Hope it helps

answered Dec 21 '17 at 16:55

Shalitha Suranga

1,138
8
24

The problem with this approach is you are introducing an XSS vulnerability if `x` contains executable js. – Jonathon Hibbard Feb 28 '19 at 19:08

Input element value is rendered as the HTML entity string not the character

1 Answers1