click a link to bring up modal

Asked Aug 07 '18 at 13:31

Active Aug 07 '18 at 13:34

Viewed 35 times

Hopefully someone here can help.

I am trying to click on "find the nearest supplier to you" to bring up a modal.

The info comes from a database and lists them perfectly. However only the first "Find the nearest supplier to you" link when clicked bring up the modal but none of the others.

Can't seem to figure out what I have missed?

Thanks in advance.

<tbody>

<?php while ($row=$read->fetch_assoc()) { ?>

    <tr class="info">
        <td><img src="uploads/<?php echo  $row['images']; ?>"</td>
        <td><?php echo  $row['manu'], $row['name']; ?></td>
        <td><?php echo  $row['address'];   ?></td>
        <td><a href="<?php echo  $row['website'];   ?>" target=_blank> Website </a></td>        
        <td><button id="modalBtn" class="button">Find the Nearest Supplier to you</button></td>
            <div id="simpleModal" class="modal">
                <div class="modal-content">
                    <span class="closeBtn">&times;</span>
                        <p>I am a modal.......</p>
                </div>
            </div>                       
    </tr>

<?php } ?>
</tbody>

edited Aug 07 '18 at 13:34

Mickaël Leger

3,426
2
17
36

asked Aug 07 '18 at 13:31

scubadivingfool

2

it looks like you have duplicate IDs, if you output this HTML in a loop – Karsten Koop Aug 07 '18 at 13:33
try ` – Alex Aug 07 '18 at 13:36
you forgot to add data-toggle. – azizsagi Aug 07 '18 at 13:36
possible duplicate https://stackoverflow.com/questions/13183630/how-to-open-a-bootstrap-modal-window-using-jquery – azizsagi Aug 07 '18 at 13:37
you are using duplicate id and this is the expected behaviour in this situation. Use a class instead – Lelio Faieta Aug 07 '18 at 13:49
Hi Alex, that did not work. It gave me the modals showing and then the list without the "nearest supplier link, just the button – scubadivingfool Aug 07 '18 at 13:58

click a link to bring up modal

0 Answers0