我現(xiàn)在在 laravel 框架中工作（新手，剛剛開(kāi)始），我有一個(gè) foreach 語(yǔ)句，它將使用卡片樣式引導(dǎo)程序顯示卡片上的信息，我有一個(gè)應(yīng)該在每張卡片上運(yùn)行的腳本代碼。但是，該腳本僅適用于第一張卡，為什么會(huì)發(fā)生這種情況？這是我的代碼@foreach ($cutomers as $customer) <div class="column"> <div class="card text-white bg-dark countdown"> <h3 class="card-title" id="b">{{$customer->name</h3> <p class="card-text">{{$election->last_name}}</p> <p class="card-text">{{$election->age}}</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "test"; </script> </div> </div>@endforeach該部分據(jù)說(shuō)在 foreach 內(nèi)運(yùn)行每個(gè)循環(huán)*對(duì)不起，我的英語(yǔ)不好
2 回答
藍(lán)山帝景
TA貢獻(xiàn)1843條經(jīng)驗(yàn) 獲得超7個(gè)贊
您demo多次使用該 id。使用這個(gè)代替：
@foreach ($cutomers as $key => $customer)
<div class="column">
<div class="card text-white bg-dark countdown">
<h3 class="card-title" id="b">{{$customer->name}}</h3>
<p class="card-text">{{$election->last_name}}</p>
<p class="card-text">{{$election->age}}</p>
<p id="demo_{{ $key }}"></p>
<script>
document.getElementById("demo_{{ $key }}").innerHTML = "test_{{ $key }}";
</script>
</div>
</div>
@endforeach
請(qǐng)記住，blade 代碼是在服務(wù)器上執(zhí)行的（僅在服務(wù)器上），而 javascript 代碼是在瀏覽器上執(zhí)行的。
浮云間
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超4個(gè)贊
你必須像這樣使用
@foreach ($cutomers as $key => $customer)
<div class="column">
<div class="card text-white bg-dark countdown">
<h3 class="card-title" id="b">{{$customer->name}}</h3>
<p class="card-text">{{$election->last_name}}</p>
<p class="card-text">{{$election->age}}</p>
<p id="demo[{{$key}}]"></p>
<script>
document.getElementById("("demo["{{$key}}"]")).innerHTML = "your_value";
</script>
</div>
</div>
@endforeach
- 2 回答
- 0 關(guān)注
- 209 瀏覽
添加回答
舉報(bào)
0/150
提交
取消