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

Javascript 如何在HTML脚本中连接JS变量?,javascript,html,Javascript,Html,我可以这样做吗 var counter = SomeJSFunctionThatReturnsAvalue(); <tr><td> <input type="file" name="file-upload"+"_counter" id="file-upload" /></tr></td> var counter=somejsfunctionthattreturnsavalue(); 我可以这样做吗?我需要在名字后面加一个下划线和一

我可以这样做吗

var counter = SomeJSFunctionThatReturnsAvalue();

<tr><td> <input type="file" name="file-upload"+"_counter" id="file-upload" /></tr></td>
var counter=somejsfunctionthattreturnsavalue();
我可以这样做吗?我需要在名字后面加一个下划线和一个递增的数字

另外,一个离题问题-上面的函数返回输入类型的值,例如:

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


值“2”是我可以用于数学运算的数字吗?如果没有,如何将其设置为一个?

您可以使用
.setAttribute(“name”,theNameUwantToChangeTo)更改名称

要获取值,只需
.value

function getV(){

    return document.getElementById("file-upload").value;
}
var number = getV();
如果它不返回int,请使用
parseInt()


您可以使用
.setAttribute(“name”,然后使用nameuwanttochangeto)更改名称

要获取值,只需
.value

function getV(){

    return document.getElementById("file-upload").value;
}
var number = getV();
如果它不返回int,请使用
parseInt()


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

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

fileUpload.name = fileUpload.name + "_" + counter;
您可以使用“typeof”获取变量的类型

可以使用parseInt()函数将其更改为整数

var intValue = parseInt(myValue, 10);

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

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

fileUpload.name = fileUpload.name + "_" + counter;
您可以使用“typeof”获取变量的类型

可以使用parseInt()函数将其更改为整数

var intValue = parseInt(myValue, 10);
给你,伙计

<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>
返回5。

给你,伙计

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

返回5。

也许你会从调查中受益,或者如果你正在尝试这样做。它们可以进行数据绑定,这样您就可以生成可读的动态代码,就像您试图在问题中创建的代码一样

如果不是^那么这个:


我看到你在评论中提到你正在动态创建列表。这就是您应该为计数器分配正确名称的地方(假设不希望计数器动态更改。如果有动态更改,请告诉我们哪些事件正在进行更改),您可以向我们展示正在进行更改的代码吗

也许你会从调查中受益,或者如果你正在尝试这样做的话。它们可以进行数据绑定,这样您就可以生成可读的动态代码,就像您试图在问题中创建的代码一样

如果不是^那么这个:


我看到你在评论中提到你正在动态创建列表。这就是您应该为计数器分配正确名称的地方(假设不希望计数器动态更改。如果有动态更改,请告诉我们哪些事件正在进行更改),您可以向我们展示正在进行更改的代码吗

我想你没有明白我的问题,先生。我想你没有明白我的问题,先生。
“\u counter”
是一个字符串。如果需要下划线和计数器的值,则需要
“\u+counter
“\u counter”
是一个字符串。如果需要下划线和计数器的值,则需要
“quo+counter
。请注意,这些更改发生在DOM中。因此,您可以滚动页面并选择“查看选择源”以查看其生效(您不会看到“查看源”中的更改)。嘿,我无法按元素获取它,因为有许多文件输入类型,它们没有唯一的ID,因为它们是动态创建的,我希望在创建它们时它们具有唯一的名称。请注意,这些更改发生在DOM中。因此,您可以滚动页面并选择“查看选择源”以查看其生效(您不会看到“查看源”中的更改)。嘿,我无法按元素获取它,因为有许多文件输入类型,它们没有唯一的ID,因为它们是动态创建的,我希望在创建它们时它们具有唯一的名称。