带有JSON的Javascript For Loop HTML语法
Javascript For Loop HTML syntax with JSON
我对Javascript很陌生,所以我不确定我做得是否正确。首先,我使用JSON创建一个数组对象"providerling"。接下来,我将创建一个for循环,它应该在html中循环,直到JSON数组中没有更多的列表为止。我不确定我的语法是否正确。我对问这些问题也有点陌生,所以如果我做得不对,我会提前道歉。
for (var i=0;i<providerlisting.length;i++)
{ document.write('<div class="entry panel row">
<div class="large-4 columns first">
<div class="name">'providerlisting.nametitle[i]'</div>
<div class="specialty">'providerlisting.caretype[i]'</div>
<div class="peferred">'providerlisting.preferredprovider[i]'</div>
</div>
<div class="large-3 columns second">
<div class="address">'providerlisting.address1[i]'<br />
'providerlisting.address2[i]'<br />
'providerlisting.citystatezip[i]'
</div>
</div>
<div class="large-3 columns third">
<img src="'providerlisting.coverage[i]'" alt="example">
</div>
<div class="large-2 columns fourth">
<div class="status">'providerlisting.status[i]'</div>
<a data-dropdown="actionsMenu2" class="actions button small secondary round dropdown" href="#">Actions</a><br>
<ul id="actionsMenu2" data-dropdown-content="" class="f-dropdown">
<li><a href="'providerlisting.psn[i]'">Generate PSN</a></li>
<li><a href="'providerlisting.dcontact[i]'">Download Contact</a></li>
<li><a href="'providerlisting.save[i]'">Save to Provider List</a></li>
<li><a href="'providerlisting.rating[i]'">View Healthgrades Rating</a></li>
</ul>
</div>
</div>
');
我不能确切地说,因为你还没有发布JSON,但这应该可以做到:
for(var i = 0; i < providerlisting.length; i++) {
document.write('<div class="entry panel row">
<div class="large-4 columns first">
<div class="name">'+ providerlisting[i].nametitle +'</div>
<div class="specialty">'+ providerlisting[i].caretype +'</div>
<div class="peferred">'+ providerlisting[i].preferredprovider +'</div>
</div>
<div class="large-3 columns second">
<div class="address">'+ providerlisting[i].address1 +'<br />
'+ providerlisting[i].address2 +'<br />
'+ providerlisting[i].citystatezip +'
</div>
</div>
<div class="large-3 columns third">
<img src="'+ providerlisting[i].coverage +'" alt="example">
</div>
<div class="large-2 columns fourth">
<div class="status">'+ providerlisting[i].status +'</div>
<a data-dropdown="actionsMenu2" class="actions button small secondary round dropdown" href="#">Actions</a><br>
<ul id="actionsMenu2" data-dropdown-content="" class="f-dropdown">
<li><a href="'+ providerlisting[i].psn +'">Generate PSN</a></li>
<li><a href="'+ providerlisting[i].dcontact +'">Download Contact</a></li>
<li><a href="'+ providerlisting[i].save +'">Save to Provider List</a></li>
<li><a href="'+ providerlisting[i].rating +'">View Healthgrades Rating</a></li>
</ul>
</div>
</div>');
}
我把每个providerlisting.prop[i]
都改成了providerlisting[i].prop
。你也以错误的方式串连在一起:
var str = 'some words'someVariable'more words'
不起作用。
var str = 'some words'+ someVariable +'more words'
会。
相关文章:
- 可以't让我的if语句处理js中的html表单输入
- 如何设置html元素填充的动画
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- 如何编写HTML输入的JS内联
- Dojo不解析自定义小部件的模板html中的小部件声明性
- 使用javascript将动态表从一个html页面打印到另一个html页
- 通过javascript重定向html传递php变量
- 如何使Javascript动态html表及其上的事件
- 在chrome.tabs.onCreated之后加载HTML页面
- 如何在vs2002中调试html页面
- 如何使用javascript或html下载PDF格式的填写表单
- 视频HTML没有'无法在Internet Explorer 11上工作
- HTML表单提交时未执行外部函数
- Javascript for loop architecture for Html Rendering
- Perl & Javascript/HTML loop
- jQuery Image Load Loop - Wrap HTML & Check Size?
- 带有JSON的Javascript For Loop HTML语法
- HTML DOM createElement in for loop
- 使用 javascript for loop 删除 html 注释会产生错误