Вы должны использовать регулярное выражение с флагом g
lobal, чтобы заменить каждое вхождение символа ( да, JavaScript ведет себя странно в этом аспекте (или, скажем, неожиданно, в зависимости от того, на каком другом языке вы находитесь) ):
nameProduct[1] = nameProduct[1].replace(/\+/g," ");
Используйте цикл, чтобы сделать это для каждого элемента.
MDC - replace
документация
Обновление:
Не используйте document.write
для создания HTML. Ваш код требует много рефакторинга, но это за пределами этого вопроса. Данные обрабатываются правильно, но сгенерированный HTML не является:
<input type="text" size="40" name="Product1401" value="Cinnamon" chocolate="" twists="" readonly="">
Видите ли, у вас проблемы с кавычками. Другие части текста распознаются как атрибуты.
Немного улучшенная версия (только эта часть):
var nameProduct = hashes[i].split('=');
var tr = document.createElement('tr');
var td = document.createElement('td');
var input = document.createElement('input');
input.type = "text";
input.size = 40;
input.name = nameProduct[0]
nameProduct[1] = nameProduct[1].replace(/%/g, '');
nameProduct[1] = nameProduct[1].replace(/2C/g, '');
nameProduct[1] = nameProduct[1].replace(/2F/g, '');
nameProduct[1] = nameProduct[1].replace(/28/g, '');
nameProduct[1] = nameProduct[1].replace(/29/g, '');
nameProduct[1] = nameProduct[1].replace(/\+/g, " ");
input.value = nameProduct[1];
input.readOnly = true;
td.appendChild(input);
tr.appendChild(td);
document.getElementById('gradient-style').tBodies[0].appendChild(tr);
DEMO