Попытался вставить в свой уже готовый код, но страница зависает!
<!DOCTYPE html><html><head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<style type='text/css'>
body {margin: auto;}
textarea {height: 100px;width: 30%;margin: auto;border: none;background: #eee;outline: none;}
#rescount {width: 8%;height: 100px;background: #eee;display: inline-block;position: fixed;padding: 5px;text-align: center;font-size: 4em;}
#rescount span {font-size: 12px;}
.generate {width: 100%;height: 30px;border: none;background: #eee;outline: none;}
table, td {width: 100%;}
td {background:#c2ff9b;}
</style>
<script type='text/javascript'>
function test(){
var cols=0;
var arr=[
document.getElementById('gruz').value.split(/\n/),
document.getElementById('gorod').value.split(/\n/),
document.getElementById('avto').value.split(/\n/)
];
var or=document.getElementById('result');
var rc=document.getElementById('rescount');
for (var i=0; i<arr[0].length; i++) {
for (var j=0; j<arr[1].length; j++) {
for (var k=0; k<arr[2].length; k++) {
var str=arr[0][i]+' '+arr[1][j]+' '+arr[2][k];
for(var i = 0; i < or.length; i++) {
if (i < arr[0].length)
or[i].cells[0].innerHTML = or[i].cells[0].innerHTML.replace(/^[^\s]+/, arr[0][i]);
}
cols=cols+1;
or.innerHTML=or.innerHTML+'<td>'+str+'</td>';
};
};
};
rc.innerHTML=cols;
};
</script>
</head><body>
<textarea id="gruz">Коля
Вася
Витя</textarea>
<textarea id="gorod">Любит
Не любит</textarea>
<textarea id="avto">Машу
Дашу
Иру</textarea>
<div id="rescount"></div>
<br/>
<input type="button" onclick='test();' class="generate" value="СГЕНЕРИРОВАТЬ"/>
<table><tbody id="result"></tbody></table></body></html>