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

Question

I have a loop of button and input tags

    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.'">';

        }
    }

and in my javascript

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

however, if I click the different button/links I only get the first row id only like this even i click the button w/ value of 3 or 4

Answer 1

id 's need to unique for every input field. Also, if multiple input fields are created dynamically you will need to use event delegation to determine which button was clicked and then correspondingly extract that value.