Question

就像我有数组name[1]='ahmad'的元素一样，我希望它以html格式发布。

我用过

document.getElementById('n').value=name[1];

但它没有张贴。

表格有：

<input type="text" id="n" readonly="true">

我想按用户填充数组，并在网页上的输入只读框中显示这些值。完整代码是：

<!dochtml html>
<title>Arrays of Js</title><!--different methods of using declaring arrays-->
<head>
<h3>Arrays usage by AFRN</h3>
    <script>
    alert('hey');
    var names=[];
    //var n = prompt('enter name');
        for(var i=0; i<=4; i++){
            names[i]=prompt('enter name: ');
        }
    /*var ids=['r1','r2','r3','r4','r5']
        for(var i=0; i<=4; i++){
            document.getElementById(ids).value=name[i];
        }*/
    document.getElementById("r1").value=names[0];
    document.getElementById("r2").value=names[1];
    document.getElementById("r3").value=names[2];
    document.getElementById("r4").value=names[3];
    document.getElementById("r5").value=names[4];
    </script>
        <noscript>JS not supported</noscript>
</head>
<body bgcolor="yellow">
    <form name="arryForm">
        <input type="text" id='r1' name="a1" readonly="true"> 
        <input type="text" id='r2' name="a2" readonly="true"> 
        <input type="text" id='r3' name="a3" readonly="true"> 
        <input type="text" id='r4' name="a4" readonly="true"> 
        <input type="text" id='r5' name="a5" readonly="true"> 
    </form>
</body>
</html>

Answer 1

你可以尝试这个代码！将您的javascript代码放在正文中的输入标记下方，并且您不能使用变量名称'name'，我认为这在javascript中是不允许的，因为我也遇到了可变名称'name'的问题所以我正在使用'_name'。

var _name = ["usman","ahmed"];
document.getElementById("n").value = _name[1];

<input type="text"  id="n" readonly="true"/>

Answer 2

如果您将<script>标记及其内容移至关闭</body>标记之前的底部，它将起作用。

如何将JavaScript的字符串变量传递给html表单输入，

2 个答案: