从循环内的用户列表更新单个值

Question

I need to update the "display_name" in the database, for that I display all of the users using a wordpress function and a foreach, and add next to each user a textbox(to change the name) and a button (to perform the action), my question is how can I get the correct ID for the input and button that I am clicking, if Im looping the users?

<?php global $wpdb;
$results = $wpdb->get_results( "SELECT * FROM $wpdb->users" );
?>
<form>
<?php
foreach ($results as $key ) {
  echo "$key->ID . $key->display_name <input type='text' name=''> <button>Submit</button>
 }
?>
</form> 

Im currently trapped in this, i get the id but the value of the first textbox

<?php  
global $wpdb;
$results = $wpdb->get_results( "SELECT * FROM $wpdb->users" );
?><form id="form1"><?php
foreach ($results as $key ) {
  echo "$key->ID . $key->display_name . $key->mg_nobility <input type='text' 
id='edit_value' class='$key->ID' value=''> <button row_id='$key- 
>ID'class='edit_nov'>Submit</button>";
}
  ?>

</form>
<input type='hidden'  id='row_del_id' value=''>
<input type='hidden'  id='row_up_id' value=''>
<script>
jQuery('.edit_nov').click(function()
{
    var current_id = jQuery(this).attr('row_id');
    var current_value =jQuery('#edit_value').val();
    jQuery('#row_del_id').val(current_id);
    jQuery('#row_up_id').val(current_value);


return false;
});
</script>

Answer 1

You must have unique id values or you will only get the first one, try this:

<?php  
global $wpdb;
$results = $wpdb->get_results( "SELECT * FROM $wpdb->users" )
?>

<form id="form1">
    <?php foreach($results as $key): ?>
        <?php echo $key->ID.$key->display_name.$key->mg_nobility ?>
        <!-- Append the id to the end of this -->
        <input type='text' id='edit-value-<?php echo $key->ID ?>' value='' /> 
        <!-- Use the data attr instead -->
        <button data-rowid='<?php echo $key->ID ?>' class='edit_nov'>Submit</button>
    <?php endforeach ?>
</form>
<!-- I don't understand the function of these since they are outside the form -->
<input type='hidden'  id='row_del_id' value=''>
<input type='hidden'  id='row_up_id' value=''>

<script>
jQuery(function($) {
    $(this).on('click', '.edit_nov', function() {
        // I would use the native method of .data()
        var current_id = $(this).data('rowid');
        // Append id and get value
        var current_value = $('#edit-value-'+current_id).val();

        $('#row_del_id').val(current_id);
        $('#row_up_id').val(current_value);
    });
});
</script>