Приветствую!
На странице HTML есть DIVы, в цикле, в которые подгружается свой контент.
У каждого DIV свой параметр data-id.
Это DIV:
<div data-type="load">
{foreach name='config_list' item='item' key="key"}
<div data-type="config" data-id="{$key+1}" style="display:none">
{$item.config|raw}
</div>
{/foreach}
</div>
Это контент:
<form class="form-h5_1" onchange="changeForm($(this),1)" novalidate="novalidate">
<input type="hidden" name="model_id" value="1">
</form>
<script>
$(function(){
$('.form-h5_1').validate({
//
});
})
</script>
В итоге загрузки контента в блок DIV получается так:
<div data-type="config" data-id="4" style="display: block;">
<form class="form-h5_1" onchange="changeForm($(this),1)" novalidate="novalidate">
<input type="hidden" name="model_id" value="1">
</form>
<script>
$(function(){
$('.form-h5_1').validate({
//
});
})
</script>
</div>
Нужно передать значение параметра data-id из DIV в подгружаемый контент, чтобы я мог значение параметра data-id применить в подгружаемом контенте, а именно для персонализации каждой формы и её валидации.
Примерно так:
<div data-type="config" data-id="1" style="display: block;">
<form class="form-h5_1_1" onchange="changeForm($(this),1)" novalidate="novalidate">
<input type="hidden" name="model_id" value="1">
</form>
<script>
$(function(){
$('.form-h5_1_1').validate({
//
});
})
</script>
</div>
<div data-type="config" data-id="2" style="display: block;">
<form class="form-h5_1_2" onchange="changeForm($(this),1)" novalidate="novalidate">
<input type="hidden" name="model_id" value="1">
</form>
<script>
$(function(){
$('.form-h5_1_2').validate({
//
});
})
</script>
</div>
<div data-type="config" data-id="3" style="display: block;">
<form class="form-h5_1_3" onchange="changeForm($(this),1)" novalidate="novalidate">
<input type="hidden" name="model_id" value="1">
</form>
<script>
$(function(){
$('.form-h5_1_3').validate({
//
});
})
</script>
</div>
<div data-type="config" data-id="4" style="display: block;">
<form class="form-h5_1_4" onchange="changeForm($(this),1)" novalidate="novalidate">
<input type="hidden" name="model_id" value="1">
</form>
<script>
$(function(){
$('.form-h5_1_4').validate({
//
});
})
</script>
</div>
Заранее спасибо откликнувшимся!