Question

我可以这样做吗？

var counter = SomeJSFunctionThatReturnsAvalue();

<tr><td> <input type="file" name="file-upload"+"_counter" id="file-upload" /></tr></td>

我能这样做吗？我需要在名称后附加一个下划线和一个递增的数字。

此外，一个非主题问题 - 上述函数返回输入类型的值，例如：

<input type="hidden" name="hidden-input-type" value="2" />

值“2”是否可以用于数学运算？如果没有，我该怎么做呢？

Answer 1

您可以使用.setAttribute("name", theNameUwantToChangeTo);更改名称：

function changeName(number){

    var ele =  document.getElementById("file-upload");
    ele.setAttribute("name",  b.getAttribute("name")+ "_" + number);
}
changeName(number);

要获取值，只需.value：

function getV(){

    return document.getElementById("file-upload").value;
}
var number = getV();

如果它不返回int，请使用parseInt()

function getV(){

    return parseInt(document.getElementById("file-upload").value);
}
var number = getV();

Answer 2

要将函数的返回值附加到输入标记的名称，可以将其指定给输入的name属性。

var counter = SomeJSFunctionThatReturnsAvalue();
var fileUpload = document.getElementById('file-upload');

fileUpload.name = fileUpload.name + "_" + counter;

您可以使用“typeof”

获取变量的类型

typeof myValue; // "string"

您可以使用parseInt（）函数将其更改为整数。

var intValue = parseInt(myValue, 10);

Answer 3

在这里你去找家伙。

<head>
<script>
function test($count) {
document.getElementById("test1").setAttribute("name","file-upload_" + $count);
}
</script>
</head>
<body>

<p>some content</p>
<input id="test1" type="file" name="file-upload" id="file-upload" value="2"/>
<p>some other content</p>
<script>test(1);</script>
</body>

您的SomeJSFunctionThatReturnsAvalue();会将其传递给test()函数。

从第二个问题中获取“2”的值以用于数学函数，只需执行：

var value = document.getElementById("test1").getAttribute("value");
document.write(parseInt(value, 10) + 3);

返回5.

Answer 4

如果您尝试做这样的事情，也许您可以从查看Angular.js或Ember.js中受益。他们可以进行数据绑定，这样您就可以制作可读和动态的代码，就像您在问题中尝试创建的那样。

如果不是那么^那么：

我看到你在评论中提到你正在动态创建列表。那就是你应该用计数器分配正确的名称（假设不希望计数器动态改变。如果有动态变化，那么告诉我们正在做什么事情的变化）你能告诉我们正在做的那些代码请？

如何在HTML脚本中连接JS变量？

4 个答案: