javascript - 从查询字符串(表 tr td)foreach 行获取值到 jquery ui 对话框

Question

我有一些代码，请参阅:

<script>
  $$.ready(function() {				
  // Profile Dialog
				
  $( "#user-dialog" ).dialog({
    autoOpen: false,
    modal: true,
    width: 400,
    open: function(){ $(this).parent().css('overflow', 'visible'); $$.utils.forms.resize() }
  }).find('button.submit').click(function(){
    var $el = $(this).parents('.ui-dialog-content');
    if ($el.validate().form()) {
      $el.dialog('close');
    }
  }).end().find('button.cancel').click(function(){
    var $el = $(this).parents('.ui-dialog-content');
    $el.find('form')[0].reset();
    $el.dialog('close');;
  });
							
  $('#user-table').on('click', '.open-user-dialog', function(){
    $( "#user-dialog" ).dialog( "open" );
    return false;
  });
});
</script>

<table id="user-table">
<thead>
    <tr>
    <th>id</th>
	<th>name</th>
	<th>action</th>
    </tr>
</thead>
<tbody>
<?php

$sql = "SELECT id,user_name FROM users";

if ($result = $verbindung->query($sql)) {
while ($row = $result->fetch_assoc()) {
?>           
    <tr>
    
	<td><?php echo $row["id"];?></td>
    <td><?php echo $row["user_name"];?></td>
    <td>  
        <button class="open-user-dialog"><img src="img/icons/packs/fugue/16x16/bullet_go.png"/> view</button>                       
   </td>

	</tr>
	<?php }}	?>
	
  </tbody>	
</table>

<div style="display: none;" id="user-dialog" title="user view">
				
		<form action="">

			<div class="row">
				<label>
					<strong>User details</strong>
				</label>
				<div>
			  <input type="text" id="user_id" value="<?php echo $id; ?>">
			  <input type="text" id="user_name" value="<?php echo $user_name; ?>">                             
				</div>
			</div>
		</form>
		
		<div class="actions">
			<div class="left">
				<button class="grey cancel">cancel</button>
			</div>
			<div class="right">
				<input id="submit" onclick="userFunction()" type="button" value="go">
			</div>
		</div>				
</div>

我如何将我的详细信息从表格获取到我的 jquery 对话框？

对话框工作正常，但我没有在我的 jquery 对话框中显示值 $row['id'] 和 $row['user_name']。

我也尝试过，我没有在对话框中获取数据以进一步处理它们。

如何将每一行的 $row['id'] 和 $row['user_name'] 传递到我的对话框？

有人可以帮助我吗？

Answer 1

首先你在 Php 标签中添加 Php 代码。你不要在 php 中写 if 和 while。

<table>
<thead>
<tr>
<th>id</th>
<th>name</th>
<th>action</th>
</tr>
</thead>
 <tbody>
 <?php  
 if ($result = $verbindung->query($sql)) {
while ($row = $result->fetch_assoc()) {
 ?>       
<tr>

<td><?php echo $row["id"];?></td>
<td><?php echo $row["user_name"];?></td>
<td>  
    <button class="open-user-dialog"><img src="img/icons/packs/fugue/16x16/bullet_go.png"/> view</button>                       
</td>

  </tr>
    <?php }}    ?>

  </tbody>  
  </table>

    <div style="display: none;" id="user-dialog" title="user view">

                <form action="">

                    <div class="row">
                        <label>
                            <strong>User details</strong>
                        </label>
                        <div>
              <input type="text" id="user_id" value="<?php echo $id; ?>">
<input type="text" id="user_name" value="<?php echo $user_name; ?>">                             
                        </div>
                    </div>
                </form>

                <div class="actions">
                    <div class="left">
                        <button class="grey cancel">cancel</button>
                    </div>
                    <div class="right">
                        <input id="submit" onclick="userFunction()" type="button" value="go">
                    </div>
                </div>              

试试这个