javascript - 按下复位按钮时保留禁用输入中的值

Question

我在我的表单中使用项目代码输入作为

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

当我使用重置功能重置表单时

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

我试图通过全局变量再次添加值，但它仍然没有反映在表单中。请帮忙

标签： javascriptjqueryhtml

Answer 1

请看这个例子。这不完全是你在做什么。

但我只是展示如何做到这一点。

在这里它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>