javascript - 如何将 javascript 变量值分配给 HTML 属性？

Question

我有 2 个文本框。第一个文本框的值应该是第二个文本框的长度。例如:如果用户将第一个文本框的值设置为“10”，那么我的第二个文本框不应允许用户输入超过 10 个字符..

这是我的代码..

function field_length() {
  var fieldValue = document.getElementById('Length').value;
  alert(fieldValue);
}

<input type="text" name="Length[]" maxlength="2" class="required" id="Length" onkeypress="return isNumberKey(event);" placeholder="Field length" class="form-control">
<input type="text" name="Label[]" class="required" id="Label" maxlength="" onClick="field_length();" placeholder="Field Label" class="form-control">

在这段代码中我所做的是.. 如果用户将第一个字段的值指定为“5”，则在点击第二个字段时它会提醒该值.. 但我希望将该值分配给 Maxlenght 属性。给我一些想法..

Answer 1

获取长度并设置 maxLength 属性。

function field_length(){
   var length = $("#Length").val();
  $("#Label").attr("maxlength", length)
}