jquery — динамически создавать строки с полем выбора, выбрать несколько значений в MySQL, используя переполнение стека
<div class="panel-body">
<div id="lobrows">
<div class="form-group">
<div class="col-sm-4"><label>Reson</label>
<select class="form-control selectpicker" data-live-search="true" name="reson[]" required="required">
<option>--Select--</option>
<?php
foreach($ob->showDataall("select * from tblname") as $value) { ?>
<option value="<?php echo $value['field_id']; ?>"><?php echo $value['field']; ?></option>
<?php
}
?>
</select>
</div>
<div class="col-sm-4"><label>Service </label>
<select class="form-control selectpicker" data-live-search="true" name="service[]" id="service" multiple="multiple">
<option>--Select--</option>
<option value="1">List 1</option>
<option value="2">List 2</option>
<option value="3">List 3</option>
<option value="4">List 4</option>
</select>
</div>
<div class="col-sm-4"><label>Name </label>
<input type="text" class="form-control" name="name[]" placeholder="Name" />
</div>
</div>
</div>
<a href="#" class="pull-right" id="add"><i class="fa fa-plus"></i> add</a>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#add').click(function(e) {
e.preventDefault();
var i=$('.mrbtm').length+1;
$('#lobrows').append('<div class="mrbtm"><div class="form-group"><div class="col-sm-4"><label>Reson </label><select class="form-control selectpicker" data-live-search="true" name="reson[]"><option>--Select--</option><?php foreach($ob->showDataall("select * from tblname") as $value){?><option value="<?php echo $value['field_id']; ?>"><?php echo $value['field']; ?></option><?php }?></select></div><div class="col-sm-4"><label>Service </label><select class="form-control selectpicker" data-live-search="true" name="service[]" id="service'+i+'" multiple="multiple"><option>--Select--</option><option value="1">List 1</option><option value="2">List 2</option><option value="3">List 3</option><option value="4">List 4</option></select></div><div class="col-sm-4"><label>Name </label><input type="text" class="form-control" name="name[]" placeholder="Name" required="required" /></div></div><a href="#" class="pull-right remove"><i class="fa fa-minus"></i> Remove</a><br /></div>');
$('.selectpicker').selectpicker();
$('.selectpicker').selectpicker('refresh');
});
$(document).on('click', '.remove', function(e) {
e.preventDefault();
$(this).parent('div').remove();
i--;
});
});
</script>
Если я нажимаю кнопку «Добавить», новую строку, созданную в каждой строке, внутри появляется поле выбора, в котором у меня так много опций, что мне нужно выбирать несколько опций одновременно, и его следует сохранять в базе данных
Вот мой php код
<?php
foreach ($reson as $id => $value) {
$reson = ($reson[$id]);
$namep = ($name[$id]);
$rsid = $ob->insert_data('tbl_reson',array("reson" => $reson, "name" => $namep), true);
foreach ($service as $ii => $valu) {
$r_service = ($service[$ii]);
$ob->insert_data('tbl_service',array("reson_id" => $rsid, "service" => $r_service));
}
}
?>
Как решить эту проблему
Мне нужно сохранить значения в другой таблице. Первая таблица — это tbl_reson, а вторая — tbl_service, резонанс и имя вставляются в первую таблицу, а сервис — во вторую таблицу.
Решение
Для создания динамического меню выбора с использованием Ajax и PHP требуется всего три шага:
Создайте файл PHP и определите разметку и скрипт для меню выбора опций
Создайте файл CSS и определите стиль для меню выбора параметров
Подключиться к базе данных и отправить данные
Шаг 1. Создайте файл PHP и определите разметку и скрипт для меню выбора параметров
Мы создаем файл PHP и сохраняем его с именем select.php
<html>
<head>
<link rel="stylesheet" type="text/css" href="select_style.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
function fetch_select(val)
{
$.ajax({
type: 'post',
url: 'fetch_data.php',
data: {
get_option:val
},
success: function (response) {
document.getElementById("new_select").innerHTML=response;
}
});
}
</script>
</head>
<body>
<p id="heading">Dynamic Select Option Menu Using Ajax and PHP</p>
<center>
<div id="select_box">
<select onchange="fetch_select(this.value);">
<option>Select state</option>
<?php
$host = 'localhost';
$user = 'root';
$pass = '';
mysql_connect($host, $user, $pass);
mysql_select_db('demo');
$select=mysql_query("select state from places group by state");
while($row=mysql_fetch_array($select))
{
echo "<option>".$row['state']."</option>";
}
?>
</select>
<select id="new_select">
</select>
</div>
</center>
</body>
</html>Другие решения
Других решений пока нет …
detector