javascript - 通过 javascript 将点击值传递给模态

Question

我已经执行了一个查询 $viewTablo 并用它填充了一个表，其中一个区域必须是可点击的(参见 if ($i==1) )，并且模式必须用以下方式显示其详细信息。

    while(odbc_fetch_row($viewTablo))
         {
         for($i=1;$i<=odbc_num_fields($viewTablo);$i++)
         {
         if ($i==1)
         {
             echo '
                              <td>
        <a href="#" data-toggle="modal" data-target="#exampleModal" class="text-xs text-center font-weight-bold mb-0">'.odbc_result($viewTablo,$i).'</a>             
                              </td>';
        else
       {
                    echo '
                      <td>
                        <p class="text-xs text-center font-weight-bold mb-0">'.odbc_result($viewTablo,$i).'</p>
                      </td>';  
       }  
       }
       echo '</tr>';
       }

一个更容易理解的例子:

每个单元格都是所提取行的odbc_result(i)。当我单击 a 时，我需要在模态中显示 a 的值 1 2 3 4 5 6 。你能帮我解决这个问题吗？我不知道有多少种方法可以做到这一点，但我更喜欢 javascript。

Answer 1

这是我探索的解决方案:

 ...echo '
                      <td>
<a href="#" data-toggle="modal" data-id='.odbc_result($viewTablo,$i)
.' data-muhatapkod='.odbc_result($viewTablo,$i+1).' data-target="#exampleModal" class="modal2 text-xs text-center font-weight-bold mb-0">'.odbc_result($viewTablo,$i).'</a>             
                      </td>';

$(document).on("click", ".modal2", function () {
     var eventId = $(this).data('id');
     $('#idHolder').html( eventId );
     var eventId2 = $(this).data('muhatapkod');
     $('#idHolder2').html( eventId2 );
});

 <div class="modal-body">
       
        <input type="hidden" name="eventId" id="eventId"/>
            <span id="idHolder"></span> 
            <input type="hidden" name="eventId2" id="eventId2"/>
            <span id="idHolder2"></span>    
      </div>