Php 使用jQuery对话框
我有一个HTML表格，从数据库中获取每个单元格的数据。有些单元格有一个编辑图标，所以当用户单击它时，他应该会看到一个弹出对话框。在这个对话框中应该有一个包含3个选项的下拉菜单。当用户选择其中一个并单击保存按钮后，数据库应该得到更新。以前我没有使用jquerydialog，而是使用prompt，用户必须输入新的状态。但是现在我想使用Dialog 下面是tracking.php文件中的部分代码Php 使用jQuery对话框,php,jquery,dialog,Php,Jquery,Dialog,我有一个HTML表格，从数据库中获取每个单元格的数据。有些单元格有一个编辑图标，所以当用户单击它时，他应该会看到一个弹出对话框。在这个对话框中应该有一个包含3个选项的下拉菜单。当用户选择其中一个并单击保存按钮后，数据库应该得到更新。以前我没有使用jquerydialog，而是使用prompt，用户必须输入新的状态。但是现在我想使用Dialog 下面是tracking.php文件中的部分代码 <td>
<td>
<?php
$var=$arrayD['Structural Data Loaded'];
echo
'<a data-id="$id" class="StructuralDataLoaded">' . $var . ' <img class="img" onclick="javascript:SelectStatus(data-id);" src="images/edit.png"></a>';
?>
</td>
/* Selecting new status DIV */
<div id="SelectingStatus" title="Select Status" style="display:none;">
<h>
Select the status
</h>
<select>
<option value="Not Started">Not Started</option>
<option value="In Progress">In Progress</option>
<option value="Completed">Completed</option>
</select>
</div>
<script>
function SelectStatus(id) {
$('#SelectingStatus').dialog('destroy');
var SelectingStatus = $('#SelectingStatus');
SelectingStatus.dialog({
close: function(event, ui) {
$(this).dialog('destroy');
},
modal: true,
title: 'Select Status',
width: 600,
height: 'auto',
overlay: {
backgroundColor: '#000000',
opacity: 0.5
},
});
/*选择新状态DIV*/
选择状态
没有开始
进行中
完整的
功能选择状态（id）{
$（'SelectingStatus'）。对话框（'destroy'）；
变量SelectingStatus=$（“#SelectingStatus”）；
选择status.dialog({
关闭：功能（事件、用户界面）{
$（this.dialog（'destroy'）；
},
莫代尔：是的，
标题：“选择状态”，
宽度：600，
高度：“自动”，
覆盖：{
背景颜色：'#000000'，
不透明度：0.5
},
});
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>
.dialog（'close'）