JSON data from text rea
by Falah Failasuf
HTML
<table>
<tr>
<th>Day</th>
<th>Open</th>
<th>Close</th>
</tr>
</table>
<textarea>
{"day":"Senin","open":"08:00","close":"22|00"},{"day":"Selasa","open":"08:00","close":"22|00"},{"day":"Rabu","open":"08:00","close":"22|00"}
</textarea>
<br>
Value test<br>
{"day":"Senin","open":"08:00","close":"22|00"},{"day":"Selasa","open":"08:00","close":"22|00"},{"day":"Rabu","open":"08:00","close":"22|00"}
CSS
textarea{
width:100%;
height:200px;
}
JavaScript
$(document).ready(function(){
$('textarea').change(function(){
var fa=[ $('textarea').val() ];
var sjson =JSON.stringify(fa);
var tr;
for (var i = 0; i < sjson.length; i++) {
tr = $('<tr/>');
tr.append('<td>' + sjson[i].day + '</td>');
tr.append('<td>' + sjson[i].open + '</td>');
tr.append('<td>' + sjson[i].close + '</td>');
$('table').append(tr);
}
});
});