Javascript变量-选择和混合
Javascript Variables - Select and Mix
我有两到三个变量,我想把它们混合成字符串,然后把它们都放在一个表中,但我不知道如何混合变量。
我有
document.write('<table cellspacing="0" cellpadding="5">')
var a = ["String1", "String2"]
var n = ["string3", "String4"]
for(var i=0; i <a.length; i++){
document.write('<tr'>
document.write('td' + (a[i]) + (b[i]) +'</td>')
document.write('</td>')
}
document.write('</table>')
这确实创建了我想要的表,但它没有执行我想要的功能。
它创建了一个表:
"字符串1"字符串3"
"字符串2"字符串4'
我正在寻找:
"字符串1"字符串3"
"字符串1"字符串4"
"字符串2"字符串3"
"字符串2"字符串4"
希望这是有道理的。我试过在互联网和Stack Overflow上搜索,但没有成功。我该如何做到这一点?最终,阵列应该能够增长到每个阵列可能有一百个。。。
您需要一个额外的循环-
for(var i = 0; i < a.length; i++) {
for (var j = 0; j < b.length; j++) {
document.write('<tr'>);
document.write('<td>' + a[i] + b[j] + '</td>');
document.write('</td>');
}
}
附言:你真的需要使用document.write
创建元素吗?如果它是一个示例,也可以,但在实际的开发代码中强烈反对这种风格的元素创建。
document.write('<table cellspacing="0" cellpadding="5">');
var a = ["String1", "String2"];
var n = ["String3", "String4"];
for (var i = 0; i < a.length; i++)
{
for (var j = 0; j < n.length; j++)
{
document.write("<tr>");
document.write("<td>" + a[i] + "</td><td>" + n[j] + "</td>");
document.write("</tr>");
}
}
document.write("</table>");
基本上,您需要为a数组中的每个元素读取整个n阵列。
在修复了许多语法错误后,以下是一个有效的解决方案:
document.write('<table cellspacing="0" cellpadding="5">')
var a = ["String1", "String2"]
var n = ["string3", "String4"]
for(var i=0; i<a.length; i++){
for (x=0;x<n.length;x++) {
document.write('<tr>')
document.write('<td>' + (a[i]) + (n[x]) +'</td>')
document.write('</tr>')
}
}
document.write('</table>')
document.write('<table cellspacing="0" cellpadding="5">');
var a = ["String1", "String2"];
var b = ["string3", "String4"];
for(var i=0; i <b.length; i++){
for (var j=0;j<a.length;j++){
document.write('<tr>');
document.write('<td>' + (a[i]) + (b[j]) +'</td>');
document.write('</td>');
}
}
document.write('</table>');
相关文章:
- 下拉选择可自动更改第二个下拉选择
- 如何使用jQuery选择下拉列表的值
- jquery点击函数select&取消选择
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 按照选项卡索引的顺序循环一个jQuery选择
- 在动态创建的元素上获取对特定选择器的引用
- AngularJS-在JSON选择器中使用变量名
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 获取选择框的状态
- d3基于用户选择动态更新节点
- 提交后保留下拉选择的值
- JQuery对动态创建的对象进行选择
- 无法在Ionic select中预先选择最后一个选项
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- jQuery自动完成阻止选择后聚焦
- 使用此选项选择父类内部的类
- 如何将选择 2 加载远程数据与初始选择混合使用
- Javascript变量-选择和混合
- 选择正确'和“;在一个php/javascript混合函数中
- 在jQuery选择器中混合逻辑AND和OR