Witam
Piszę aplikację zaliczeniową na studia i potrzebuję pomocy w podpięciu jej pod bazę danych tak aby zapisywały się z niej dane do bazy oraz w późniejszym kroku można było je edytować z poziomu administratora. Dokładniej jest to prosty system ankietowy gdzie każdy mógłby stworzyć sobie ankietę z pytaniami oraz polami odpowiedzi w postaci pól tekstowych, system ten opiera się o jquery. Poniżej załączam kod html oraz link gdzie możecie zobaczyć jak działa owa aplikacja:
link: http://pngc.pl/ankieta/
<!doctype html>
<html lang="pl">
<head>
<meta charset="utf-8">
<title>System ankietowy</title>
<link href="jquery-ui.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<style>
body{
font: 62.5% "Trebuchet MS", sans-serif;
margin: 50px;
}
.demoHeaders {
margin-top: 2em;
}
#dialog-link {
padding: .4em 1em .4em 20px;
text-decoration: none;
position: relative;
}
#dialog-link span.ui-icon {
margin: 0 5px 0 0;
position: absolute;
left: .2em;
top: 50%;
margin-top: -8px;
}
#icons {
margin: 0;
padding: 0;
}
#icons li {
margin: 2px;
position: relative;
padding: 4px 0;
cursor: pointer;
float: left;
list-style: none;
}
#icons span.ui-icon {
float: left;
margin: 0 4px;
}
.fakewindowcontain .ui-widget-overlay {
position: absolute;
}
select {
width: 200px;
}
</style>
</head>
<body>
<h1>System ankietowy</h1>
<p>Strona ta prezentuje funkcjonalność naszego systemu ankietowego</p>
<h2 class="demoHeaders">Wybierz ile pytań chciałbyś zawrzeć w ankiecie:</h2>
<select id="selectmenu">
<option selected="selected">1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</br>
</br>
<button id="formCreateButton">Stwórz ankietę</button>
<div id="form-area" style="margin-top: 150px;">
Form
<form id="form-poll">
<div id="form-poll-input-area"></div>
<input type="submit" value="Zapisz">
</form>
</div>
<script>
// $( "#button" ).button();
// $( "#selectmenu" ).selectmenu();
$('body').on('click', '#formCreateButton', function() {
var me = $(this),
questionsNumber = $('#selectmenu').val(),
html = '';
questionsNumber = parseInt(questionsNumber);
for(var i = 0; i < questionsNumber; i++) {
html += '<div class=""><input type="text" name="questions[]" placeholder="Twoje pytanie"></div><div class=""><input type="text" name="answer[]" placeholder="Miejsce na odpowiedż"></div></br>';
}
$('#form-poll-input-area').html(html);
});
</script>
</body>
</html>