php - 使用自动对焦打开模态弹出窗口

Question

我有以下代码:

<a href="#openModal"></a>

<div id="openModal" class="modalDialog">
<div>
<a href="" title="" class="close">X</a>

<?php 
//PHP code
//PHP code
//PHP code
//PHP code
echo "<center><b> Employee(s) List </b></center>";
echo "<br />";
for($i=0;$i<$num;$i++){
$row = mysql_fetch_assoc($result);
?>

// I NEED AUTOFOCUS HERE
<center>
<a href="cash_employee.php<?php echo "?name=".$row['name'] ?>" class="emp" ><?php echo ucfirst($row['name']) ?></a>
</center>
// I NEED AUTOFOCUS HERE

<?php   
}

echo "<center><a href='' title='' class='close2' onmousedown='location.reload(home.php);'>Close Window</a></center>";
}
else {
echo "<center>";
echo "<font color='red' size='+3'>Sorry!<br /> No Employee(s) Found </font>";   
echo "</center>";
}
?>
</div>
</div>

基于上面的代码，输出将是员工姓名的结果列表，您需要使用鼠标悬停并单击员工姓名才能继续。我正在寻找的是找到一种方法来插入自动对焦选项，以便使用键盘箭头(向上或向下)然后单击输入。我使用 <input type="button" autofocus="autofocus" > 在不同的代码上使用了这种方法它会根据需要工作。但是当我改变

<a href="cash_employee.php<?php echo "?name=".$row['name'] ?>

让它看起来像这样

<input type="button" onclick="window.location('cash_employee.php<?php echo "?name=".$row['name'] ?>')" autofocus="autofocus">它不起作用，但可以使用员工姓名列表。

是否有其他替代方法，恐怕 Open Modal 不支持此选项？请帮忙谢谢

对不起我的英语不好。

Answer 1

如果您将员工列表移动到它自己的 employeelist.php 文件中，然后像这样将它放在您的页面中...

<div id="openModal" class="modalDialog">
   <?php include('employeelist.php'); ?>
</div>

然后您可以将按钮修改为以下...

<a id="cashEmployee" href="cash_employee.php<?php echo "?name=".$row['name'] ?>

然后在模态对话框中添加...

<script type="text/javascript">
    $(document).ready(function () {
        $('#cashEmployee').focus();
    });
</script>