Question

我正在使用PHP为用户输入创建一个网格/表格，一切正常。问题是其中一个文本框有一个模态弹出窗口，其中包含一些附加信息。如果只有1行，它可以正常工作，但是当我添加2行或更多时，Modal选项会在表格上方发布，弹出窗口不起作用。有任何想法吗？

Javascript / Jquery

$(function () {

    $("#MyDialog").dialog({
        autoOpen: false,
        height: 300,
        width: 340,
        modal: true,
        buttons: {
            "Save": function () {
                $('#popup').val($('#year').val() + " " + $('#week').val() + " " + $('#day').val());
                $(this).dialog("close");
            },
            "Cancel": function () {
                $(this).dialog("close");
            }
        },
        close: function () {
            $('#year').val("");
            $('#week').val("");
            $('#day').val("");
        }
    });

    $("#popup").click(function () {
        $("#MyDialog").dialog("open");
    });
});

PHP

$line = $_GET["Line"];  
if($line == 0){$line=1;}  
for($i=1;$i<=$line;$i++)
{

代码

<tr>
<td><div align="center"><input type="text" id="type" title="X1" name="txttypeofunit<?=$i;?>" size="12"></div></td>
<td><input type="text" id="description" title="X2" name="txtunitdescription<?=$i;?>" size="15"></td>
<td><input type="text" id="manu" title="X3" name="txtmanufacturer<?=$i;?>" size="12"></td>
<td><div align="center"><input type="text" id="model" title="X4<?=$i;?>" size="12"></div> </td>
<td align="right"><input type="text" id="serial" title="X4" name="txtserial<?=$i;?>" size="12"></td>
<td align="right"><input type="text" id="tags" title="X5" name="txtyearbuilt<?=$i;?>" size="12"></td>
<div id="MyDialog" title="Running Time Of Unit <?=$i;?>" >
      Months a year?   <input type="text" id="year" size="5" /> - M/Y <br>
        Days a week?   <input type="text" id="week" size="5" /> - D/W <br>
        Hours a day?   <input type="text" id="day" size="5" /> - H/D            
    </div>
    <div>
<td align="right"><input type="text" id="popup" id="cool" title="How many months in a year is the unit in use? 1 - 12" size="12">    
</div>
<td><input type="text" id="refig" title="X6" name="txtrefrigerationtype<?=$i;?>" size="12"></td>
<td><div align="center"><input type="number" id="input" title="X7"

PHP网格/表模态弹出复制

0 个答案: