Сохранить значение в заблокированном входе при нажатии кнопки сброса

Question

Я использую код проекта, введенный в мою форму как

<input type="text" id="txtProjectCode" name="Project Code" class="form-control" maxlength="15" disabled="disabled" />

Когда я сбрасываю свою форму с помощью функции сброса

function resetRequestForm() {
  $("#txtProjectCode").val(userProject);
}

Я пытаюсь снова добавить значение через глобальный переменная, но все же она не отражается в форме. Пожалуйста, помогите в этом

Answer 1

Отключенный ввод текста

<input type="text" id="txtProjectCode" name="Project Code" class="form-control" maxlength="15" disabled="disabled" />

Кнопка сброса

<button class="clear_button" onclick ="return resetForm();" id="clearRequest">Clear</button>

Это сохранит данные на отключенном входе, когда

• форма очищается с помощью кнопки с пользовательской resetForm() функцией
• тип кнопки установлен как «сброс»

Примечание:

• Данные не будут сохранены, если вместо disabled="disabled" (в обоих случаях) используется readonly="readonly"
• нет необходимости снова подавать данные, поскольку $("#txtProjectCode").val(userProject); - userProject глобальная переменная.

Answer 2

Пожалуйста, посмотрите этот пример. Это не совсем то, что вы делаете.

Но я только показываю, как это сделать.

Здесь Это также работает с disabled, но обратите внимание, что значение отключенных полей не будет публиковать на конце сервера.

var userProject = 'My Project';

function resetRequestForm() {
  $("#txtProjectCode").val(userProject);
}

function getValueAgain(){
  console.log($("#txtProjectCode").val());
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="txtProjectCode" name="Project Code" class="form-control" maxlength="15" readonly />

<button onClick="resetRequestForm()"; >resetRequestForm</button>

<button onClick="getValueAgain()"; >getValueAgain</button>