第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

foreach 循環(huán)內(nèi)是否可以有一個(gè)模式按鈕?

foreach 循環(huán)內(nèi)是否可以有一個(gè)模式按鈕?

慕桂英4014372 2024-01-22 15:00:44
我在 foreach 循環(huán)內(nèi)有一個(gè)模式按鈕,其中包含數(shù)據(jù)庫(kù)中的行,但我只能按第一個(gè)按鈕,因?yàn)樗鼘?duì)于每個(gè)循環(huán)具有相同的值。我一直在嘗試使用不斷增加的 ID 值$i=0, $i++,但我無(wú)法讓它工作。foreach($pdo->query("SELECT * FROM operation, OPuppgift where skift='natt' and klar='0' and operation.NR=OPuppgift.NR") as $row){  $i++;  echo "<tr>";  echo "<td>".$row['NR']."</td>";  echo "<td>".$row['kort_Uppgift']."  </br>    <button id=".$i." class='myBtn'>?</button>    <div id=".$i." class='modal'>      <div class='modal-content'>        <span class='close'>&times;</span>        <p>".$row['uppgift']."</p>          <script type='text/javascript' src='modalJ.js'></script>      </div>    </div>  </td>";var modal = document.getElementById("1");var btn = document.getElementById("1");var span = document.getElementsByClassName('close')[0];btn.onclick = function () {    modal.style.display = 'block';};span.onclick = function () {    modal.style.display = 'none';};window.onclick = function (event) {    if (event.target === modal) {        modal.style.display = 'none';    }};
查看完整描述

1 回答

?
慕碼人8056858

TA貢獻(xiàn)1803條經(jīng)驗(yàn) 獲得超6個(gè)贊

不要對(duì)多個(gè)對(duì)象使用相同的 ID。您的 div 和按鈕具有相同的 ID,并且也沒(méi)有被引用。


改變這個(gè):


</br>

    <button id=".$i." class='myBtn'>?</button>

    <div id=".$i." class='modal'>

對(duì)此或類似的東西:


 </br>

    <button id='button".$i."' class='myBtn'>?</button>

    <div id='div".$i."' class='modal'>

請(qǐng)注意,我在 ID 號(hào)前面添加了一個(gè)描述符,以區(qū)分按鈕和 div,然后使用相同的遞增變量來(lái)確保每一對(duì)在描述符后獲得相同的編號(hào)(例如:div1 與 button1 一起使用,等等)。


您也沒(méi)有將 ID 括在引號(hào)中。我在上面的示例修訂版中將它們用單引號(hào)引起來(lái)。更改將生成如下 HTML 輸出。


 </br>

    <button id='button1' class='myBtn'>?</button>

    <div id='div1' class='modal'>

...

 </br>

    <button id='button2' class='myBtn'>?</button>

    <div id='div2' class='modal'>

在您的 Javascript 代碼中(感謝 @kerbholz),更改 ID 以匹配。我會(huì)以編程方式執(zhí)行此操作(您在代碼中使用靜態(tài)值),但是最終結(jié)果應(yīng)該像這樣預(yù)先考慮您的指示符(但通過(guò)使用正確數(shù)字的代碼)。


var modal = document.getElementById("div1");

var btn = document.getElementById("button1");

不過(guò),您沒(méi)有將 id 號(hào)傳遞給腳本。您可以使用“this”或傳遞值或其他方法,因此您的按鈕控制正確的兩個(gè)元素。


查看完整回答
反對(duì) 回復(fù) 2024-01-22
  • 1 回答
  • 0 關(guān)注
  • 171 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)