Множественный выбор php
Задача сделать через модальное окно добавление цитат. Автор, дата должны подставляться автоматом. Теги - выбираться не более 3х. Сейчас конкретно стоит вопрос с тегами. как дату и имя подставить потом это я сделаю, но как сделать выбор нескольких тегов из списка и поттом записывать их в бд? Я не понимаю. Понимаю, что надо сделать как-то через массив, но у меня не выходит. Прошу помочь разобраться. Еще вопрос как потом это запихнуть в бд.. Я новичок, поэтому прошу не судить строго..:)
Есть 3 таблицы. Прилагаю скрин. код страницы createquote.php:
<!-- Триггер/Открыть модальный -->
<button id="myBtn">Открыть</button>
<form action="" method="post">
<!-- Модальный -->
<div id="myModal" class="modal">
<!-- Модальное содержание -->
<div class="modal-content">
<span class="close">×</span>
<p>Создание цитаты</p>
<label for="colFormLabel" class="col-sm-2 col-form-label">Цитата:</label>
<div class="col-sm-7">
<textarea name="shortdescription" class="form-control" id="shortdescription" rows="3"></textarea>
</div>
<label for="colFormLabel" class="col-sm-2 col-form-label">Теги:</label>
<div class="col-sm-7">
<select name="check[]" multiple="multiple" class="form-control" name="tags_id">
<?php
$sql = mysqli_query($connect, 'SELECT `id`, `Name` FROM `tags`');
while ($result = mysqli_fetch_array($sql))
{
echo "\t\t<option value=\"{$result['id']}\">{$result['Name']}</option>\n";//тут надо как-то сделать выбор нескольких тегов. То что сейчас - мои попытки..
}
?>
</select>
</div>
<div><input type="submit" value="Сохранить" name="ok" class = "l"></div>
</div>
</div>
</form>
js:
var modal = document.getElementById("myModal");
// кнопка, которая открывает модальное окно
var btn = document.getElementById("myBtn");
// Получить элемент <span>, который закрывает модальное окно
var span = document.getElementsByClassName("close")[0];
// Когда пользователь нажимает на кнопку, открываем модальное окно
btn.onclick = function() {
modal.style.display = "block";
}
// Когда пользователь нажимает на <span> (x), закрываем модальное окно
span.onclick = function() {
modal.style.display = "none";
}
// Когда пользователь щелкает в любом месте за пределами модального окна, закрываем его
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}