Разметка
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
<div class="controls"><a href="#" id="add2">Добавить</a> | <a href="#" id="remove2">Удалить</a> </div>
<table class="table table-responsive inputs">
<thead>
<th width="120">part №</th>
<th width="200">part detail name</th>
<!--<th width="100">Сумма за ед.</th>-->
<th width="50">кол-во</th>
<th width="100">Картинка</th>
</thead>
<tr id="selectDataPart">
<td width="120">
<input id="part_n" name="part_n[]" list="partn" class="form-control" onchange="javascript:selectPart();">
<datalist id="partn">
<option></option>
<?foreach ($get_part as $item):?>
<option value="<?=$item['part_n']?>"><?=$item['id']?></option>
<? endforeach;?>
</datalist>
</td>
</tr>
</table>
скрипт добавление динамического инпута
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<script>
$(document).ready(function(){
var i = $('0').size() + 1;
$('#add2').click(function() {
if(i < 15) {
$('<tr id="selectDataPart' + i + '" class="resol1"><td width="120"><input id="part_n' + i + '" name="part_n[]" list="partn' + i + '" class="form-control" onchange="javascript:selectPart' + i + '();"><datalist id="partn' + i + '"><option></option><?foreach ($get_part as $item):?><option value="<?=$item['part_n']?>"><?=$item['id']?></option><? endforeach;?></datalist></td></tr>').fadeIn('slow').appendTo('.inputs');
i++;
}
});
$('#remove2').click(function() {
if(i > 1) {
$('.resol1:last').remove();
i--;
}
});
});
</script>
скрипт связанного списка
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
function selectPart(){
var id_country = $('input[id="part_n"]').val();
if(!id_country){
$('tr[id="selectDataPart"]').html('');
}else{
$.ajax({
type: "POST",
url: "http://core/ajax.base.php",
data: { action: 'detailname', id_country: id_country },
cache: false,
success: function(responce){ $('tr[id="selectDataPart"]').html(responce); }
});
};
};
обработчик связанного списка
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
switch ($_POST['action']):
case "showRegionForInsert":
echo '<select name="organ" class="form-control" id="organ">';
$sql = "SELECT god_dog.id, god_dog.organ_id, clients.org_name FROM `clients` INNER JOIN `god_dog` ON god_dog.organ_id = clients.id WHERE god_dog.id = '" . mysql_real_escape_string ($_POST['id_country'], $link) . "' ORDER BY nomer_gd";
$resource = mysql_query($sql, $link);
while($row = mysql_fetch_assoc($resource))
echo '<option value="'.$row['id'].'">'.$row['org_name'].'</option>';
echo '</select>';
break;
case "detailname":
$sql = "SELECT * FROM `priced` WHERE `part_n` = '" . mysql_real_escape_string($_POST['id_country'], $link) . "' ";
$resource = mysql_query($sql, $link);
while($row = mysql_fetch_assoc($resource))
echo '<td><input name="part_n[]" class="form-control" id="part_n" value="'.$row['part_n'].'" readonly="readonly"></td>'.'<td class="hidden"><input name="price[]" class="form-control " id="price" value="'.$row['price'].'" readonly="readonly"></td>'.'<td><input name="detail_name[]" class="form-control" id="detail_name" value="'.$row['detail_name'].'" readonly="readonly"></td>'.'<td><input name="kolvo[]" class="form-control" id="kolvo" value="0"></td>'.'<td><input type="hidden" name="img[]" value="'.$row['img'].'"><a href="http://core/userfiles/'.$row['img'].'" target="_blank"><img class="img img-responsive" width="80" src="http://core/userfiles/'.$row['img'].'"><?=PRODUCTIMG?></a></td>';
break;
endswitch;
Как можно совместить эти 2 скрипта, чтобы если у меня будет 20-30 динамических полей, не прописывать под каждый свой код?
