Показать сообщение отдельно
  #1 (permalink)  
Старый 20.09.2022, 09:31
Профессор
Отправить личное сообщение для Vaska Посмотреть профиль Найти все сообщения от Vaska
 
Регистрация: 08.05.2017
Сообщений: 178

Как передать параметр из div вподгружаемый в него контент?
Приветствую!
На странице 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>


Заранее спасибо откликнувшимся!

Последний раз редактировалось Vaska, 20.09.2022 в 10:12.
Ответить с цитированием