Mam sobie skrypt .
@foreach ($listAction as $list)
<div class="rowPercent">
<div class='actionMain' id='divAction_{{$list->id}}' onclick='selectedActionMain({{$list->id}})'>{{$list->name}}</div>
<div class="hiddenPercentExecuting centerPercent" id='divActionPercent_{{$list->id}}'>
<div style="display: inline-block; width: 40%;"><input type="number" class="percentExecuting form-control form-control-lg " title="procent wykonania" placeholder="procent wyk" name="percentExe[]" min="1" max="100"></div>
<input type="hidden" name="idAction[]" value='NULL'">
</div>
</div>
@endforeach
I teraz chodzi o to, żeby w momencie kliknięcia na <div class='actionMain' id='divAction_{{$list->id}}' w polu <input type="hidden" name="idAction[]" value='NULL'"> zmieniała się wartośc na {{$list->id}}
Dodam jeszcze funkcje w js.
function selectedActionMain(id) {
alert($("#idAction",this).val());
if ($("#divAction_" + id + ":first").hasClass("actionMain")) {
$("#divAction_" + id).removeClass("actionMain").addClass("actionMainselected");
$("#divActionPercent_" + id).removeClass("hiddenPercentExecuting");
$("#idAction", this).html(id);
arrayAction.push(id);
}
else {
var i = arrayAction.indexOf(id);
arrayAction.splice(i,1);
$("#idAction[" + $(this) + "]").val('NULL');
$("#divActionPercent_" + id).addClass("hiddenPercentExecuting");
$("#divAction_" + id).removeClass("actionMainselected").addClass("actionMain");
}
}