Question

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

＆＃xA;＆＃xA;

这是我的代码..

＆＃xA;＆＃xA;

＆＃xD;＆＃xA;

＆＃xD ;＆＃xA;

  function field_length（）＆＃xD;＆＃xA; {＆＃的xD;＆＃XA; var fieldValue = document.getElementById（'Length'）。value;＆＃xD;＆＃xA;警报（fieldValue方法）;＆＃的xD;＆＃XA; }

＆＃xD;＆＃xA;

 ＆＃xD;＆＃xA; ＆lt; input type =“text”name =“Length []”maxlength =“2”class =“required”id =“Length”onkeypress =“return isNumberKey（event）;” placeholder =“字段长度”class =“form-control”＆gt;＆＃xD;＆＃xA; ＆lt; input type =“text”name =“Label []”class =“required”id =“Label”maxlength =“”onClick =“field_length（）;” placeholder =“Field Label”class =“form-control”＆gt;

＆＃xD;＆＃xA;

＆＃xD ;＆＃xA;

＆＃xA;＆＃xA;

在此代码中，我所做的是..如果用户为第一个字段赋值为“5”，点击第二个字段时它会发出警报值..但我希望将该值赋给Maxlenght属性。给我一些想法..

＆＃xA;

Answer 1

获取长度并设置maxLength属性。

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

Answer 2

You can use setAttribute
<script type="text/javascript">
     function field_length()
    {
     var fieldValue= document.getElementById('Length').value;
    document.getElementById("Label").setAttribute('maxlength',fieldValue);
     }
    </script>


<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">

Answer 3

试试这个：

$("#Label").attr("maxlength", length);

或

$("#Label").prop("maxlength", length);

注：

从jQuery 1.6开始。，.prop（）方法提供了一种显式检索属性值的方法，而.attr（）检索属性。

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

3 个答案: