var strHTML = "";
for(i=1;i <=3;i++){
strHTML += ' <li> <input type=\'checkbox\' name="" value="" id="" /> <span>hello world </span> </li>';
}
document.getElementById('newstitle').innerHTML = strHTML;你哪样写,只相当于将最后一条传给div了.
for(i=1;i <=3;i++){
strHTML += ' <li> <input type=\'checkbox\' name="" value="" id="" /> <span>hello world </span> </li>';
}
document.getElementById('newstitle').innerHTML = strHTML;你哪样写,只相当于将最后一条传给div了.
直接传数组,是不行的.<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="javascript" src="./jquery/libs/jquery.js"></script>
<script language="javascript">
jQuery(function($)
{
$('#test').click(function(){
var oMsg = $('#tmsg');
var oDiv = $('#msg');
oDiv.css('zindex', 100);
oDiv.show('slow');
//ajax获取数据
$.ajax({
type: 'post',
url: 'getData.php',
dataType: 'json',
success: function(jsonText){
var length = jsonText.length;
var objTable = document.getElementById('tmsg');
var objTbody = objTable.childNodes[0];
var objTR = objTbody.childNodes[1];
//置空数据
for(var i=objTbody.childNodes.length-1;i>1 ;i--)
{
objTbody.removeChild(objTbody.childNodes[i]);
}
for(var i=0;i<length;i++)
{
var tmpTR = objTR.cloneNode(true);
objTbody.appendChild(tmpTR);
tmpTR.style.display = "";
var tmpID = tmpTR.childNodes[0].innerHTML;
tmpID = tmpID.replace(/{id}/ig,jsonText[i].id);
tmpID = tmpID.replace(/{name}/ig,jsonText[i].name);
tmpID = tmpID.replace(/{card}/ig,jsonText[i].card);
tmpTR.childNodes[0].innerHTML = tmpID;
tmpTR.childNodes[1].innerHTML = jsonText[i].name;
tmpTR.childNodes[2].innerHTML = jsonText[i].card;
}
$('.aTD').each(function(){
$(this).click(function(){
var arrCard = this.id.split("_");
$('#test')[0].value = arrCard[1] + "_" + arrCard[2];
oDiv.hide('slow');
});
});
},//success
error: function(xmlHttp, message, code){
alert(message);
}//error
});//ajax
});
})//jquery
</script>
</head>
<body>
<form action='sendinfo.php' name="user_info" method='post' enctype="multipart/form-data" onsubmit="return saveUserInfo();">
<input type='text' name='test' id='test' value="">
</form>
<div id="msg" style="display:none;position: absolute;background-color:#fff1e1;border:1px black solid;padding: 10px;">
<table border='1' id='tmsg'><tr><td width='100'>id</td><td width='200'>解行卡</td><td width='200'>银行名称</td></tr><tr style='display:none'><td id='id' width='100'><a class='aTD' id='{id}_{name}_{card}' href='javascript:///'>{id}</a></td><td width='200'>{name}</td><td width='200'>{card}</td></tr></table>
</div>
</body>
</html>
<?php
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");//从一维数组中生成josn
function __jsonText($array)
{
$str = "{";
foreach($array as $key=> $value)
{
$value = str_replace("\"", "\\\"", $value);
if($str != "{") $str.=",";
$str .= "$key: " . "\"$value\"";
}
$str .= "}"; return $str;
}$arrCard = array(
array('id'=>'1', 'name'=>'中国银行', 'card'=>'中国银行卡'),
array('id'=>'2', 'name'=>'工商银行', 'card'=>'工商银行卡'),
array('id'=>'3', 'name'=>'建设银行', 'card'=>'建设银行卡'),
array('id'=>'4', 'name'=>'农业银行', 'card'=>'农业银行卡'),
);
$strJson = "";
foreach($arrCard as $key=>$value)
{
$strJson .= __jsonText($value) . ",";
}
echo sprintf('[%s]', rtrim($strJson, ','));
?>
php
echo "[{id:1},{id:2}]";js
var length = jsonText.length;
for(var i=0;i<length;i++)
{
alert(jsonText.id);
}