PHP を使用してユーザー エントリ用のグリッド/テーブルを作成していますが、すべて正常に動作します。問題は、テキスト ボックスの 1 つにモーダル ポップアップが表示され、追加情報が表示されることです。行が 1 つしかない場合は問題なく動作しますが、2 つ以上追加すると、モーダル オプションがテーブルの上に表示され、ポップアップが機能しません。何か案は?
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"