Как блокировать input для изменений, но не для отправки данных?
 

При некоторых условиях необходимо заблокировать input от изменений, вначале сделал так:

document.getElementById('company').disabled = true;

Но оказалось, что такая блокировка блокирует и отправку данных из формы.

Как заблокировать input от изменений, но чтобы отправка данных из него выполнялась?

document.getElementById('company').disabledreadonly

И почему JS, а не в атрибутах поля указать?

readonly не применяется через js :(


Потому что блокироваться input должен при определенных условиях, которые проверяю через JS

Разобрался, нужно прописывать не:

document.getElementById('company').readonly = true;

а:

document.getElementById('company').setAttribute("readonly", "readonly");

Walk,
readOnly

readOnly - большая.

Walk,

если через атрибут, то проще - setAttribute("readonly", 1), ибо и так тоже будет true - .setAttribute("readonly", "пофигу");

Спасибо, работает)

Правда, с блоком форм возня не закончилась - надо еще блокировать select, а его readOnly не блокирует. Цвет поля меняется как бы на заблокированный, но по факту значение можно изменить.

А это уже disabled.

Добавляю disabled - данные из данного селекта не уходят. Как будто там пусто.

Walk,
Может, скрыть?

Walk,
elem.style.pointerEvents = 'none';

Спасибо!

Правда этот вариант не меняет цвет поля, поэтому сделал следующее:

document.getElementById('select_id').setAttribute("readonly", "readonly");

document.getElementById('select_id').style.pointerEvents = 'none';

Первая строчка меняет цвет селекта как бы на заблокированный, а вторая его непосредственно блокирует.

Всем спасибо за помощь. Без вас бы ниосилил)

Нужно запрещать выбор самих опций, то есть:

<form>
<select name="as">
<option value="1" disabled>11111</option>
<option value="2" selected="">22222</option>
</select>
<button>GO</button>
</form>