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

我有2个文本框。第一个文本框的值应该是第二个文本框的长度。例如：如果用户将第一个文本框的值设置为“10”，那么我的第二个文本框不应允许用户键入超过10个字符..如何将JavaScript变量值分配给HTML属性？

这里是我的代码..

 function field_length() 
 
    { 
 
    var fieldValue= document.getElementById('Length').value; 
 
\t 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属性。给我一些想法..

来源

2016-10-27 Nithya

试试这个** document.getElementById（“yourID”）。maxLength ** .. ** L **应该是大写。并请问一些研究之前，问这样的**容易**的问题，因为已经有这么多的帖子可用，如果你**谷歌**它..谢谢 –

更改'.value'为'.maxlength' –

你应该使用jQuery的' $（'＃Length'）。attr（'maxlength'，'5'）' –

获取长度并设置maxLength属性。

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

来源

2016-10-27 06:01:29 selami

谢谢你正在工作... – Nithya

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

来源

2016-10-27 06:01:54

试试这个：

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

或

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

注：

在jQuery 1.6。，.prop（）方法提供了显式检索属性值的方法，而.attr（）检索属性。

来源

2016-10-27 06:03:13

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

回答

相关问题