Question

我是在这里寻求帮助的初学者。

我有一个HTML表，其中装载了来自数据库的数据，并且有一个编辑但针对每一行。单击编辑按钮后，将启动一个模态，该模态已预加载了db数据。当第一个文本字段为onblur（）时，模态中有一个空白字段，我想动态填充该字段。但这仅适用于第一行。随后的行不起作用。我在做什么错了？

  <body>
     <div class="image-container">
        <div class="image-overlay">
           <a href="" class="status">On</a>
        </div>
     </div>
  </body>

$(document).ready(function() {
  $('#firstname').blur(function() {
    var fn = $('#firstname').val();
    $('#add').val(fn);
  });
});

Answer 1

通过提供一个类并使用.closest（）方法来读取已单击的行，从而选择该行的相关数据，找到了解决方案。

<script type="text/javascript">
$(document).ready(function(){
	$('.add').val("");
$('.firstname').blur(function(){
		var $rows = $(this).closest(".rows");
		var fn = $rows.find('.firstname').val();
        $rows.find('.add').val(fn);
});

});
	</script>

<table class="table table-striped table-bordered table-hover">
			<thead>
				<th>Firstname</th>
				<th>Lastname</th>
				<th>Address</th>
				<th>Action</th>
			</thead>
			<tbody>
			<?php
				include('conn.php');
				
				$query=mysqli_query($conn,"select * from `user`");
				while($row=mysqli_fetch_array($query)){
					?>
					<tr class="rows">
						<td><?php echo $row['firstname']; ?></td>
						<td><?php echo $row['lastname']; ?></td>
						<td><?php echo $row['address']; ?></td>
						<td>
							<a href="#edit<?php echo $row['userid']; ?>" data-toggle="modal" class="btn btn-warning"><span class="glyphicon glyphicon-plus"></span> Edit</a>
							<?php include('editmodal.php'); ?>
						</td>
					</tr>
					<?php
				}
			
			?>
			</tbody>
		</table>

动态获取每一行的文本字段值onblur（）

1 个答案: