javascript - 使用javascript中的onclick获取输入标签中每个值的值

Question

我有一个按钮和输入标签循环

    while($row = mysqli_fetch_array($notifqry))
    {
        extract($row);
        if($type_of_notif == '1')
        {
        echo '<button class="dropdown-item"  onclick="notifview()">New Announcement!</button>';
        echo '<input type="text" id="notifid" name="notifid" value="'.$notifid.'">';

        }
    }

在我的 JavaScript 中

function notifview() {
var notifid = $('#notifid').val();
alert(notifid);
}

但是，如果我单击不同的按钮/链接，即使我单击值为 3 或 4 的按钮，我也只能获得第一行 id

Answer 1

id 需要每个输入字段都是唯一的。此外，如果动态创建多个输入字段，您将需要使用 event delegation确定单击了哪个按钮，然后相应地提取该值。