使用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来确定单击了哪个按钮，然后相应地提取该值。