javascript - 为什么我的输入值没有出现 PHP HTML
问题描述
所以,我正在做一个学校作业,我必须制作一个最多 10 个输入的计算器,有一个按钮可以添加更多输入,但是由于某些原因,当我提交它不起作用的值时,它只显示第一个2 个输入在页面中是静态的。
我认为问题与名称有关,但找不到
这就是我现在正在做的事情:
<body>
<table id="table">
<tr id="adicionarcells">
<form id="form1" name="form1" action="romanos.php" method="post">
<td></td>
<td>
<input type="text" id="valor1" name="valor1" pattern="(^(?=[MDCLXVI])M*(C[MD]|D?C{0,3})(X[CL]|L?X{0,3})(I[XV]|V?I{0,3})$)" required>
<select id="operador1" name="operador1">
<option value="value1" selected>+</option>
<option value="value2">-</option>
<option value="value3">*</option>
<option value="value4">/</option>
</select>
</td>
<td>
<input type="text" id="valor2" name="valor2" pattern="(^(?=[MDCLXVI])M*(C[MD]|D?C{0,3})(X[CL]|L?X{0,3})(I[XV]|V?I{0,3})$)" required>
</td>
<td></td>
<td>
<input type="button" id="adiciona" value="+" style="width: 20px;" onclick="myFunction();">
<input type="submit" value="=" style="width: 20px;">
</td>
</form>
</tr>
</table>
<!-- <button type="button" id="button1" onclick="valida();">Enviar</button> -->
<!-- <div id="mensagem" align="center"
style="position:fixed; top:20px; left:10%; width:80%; padding:5px 5px 5px 5px; display:none;"></div> -->
function myFunction() {
var table = document.getElementById("table");
var rowCount = table.rows[0].cells.length;
var row = document.getElementById("adicionarcells");
var x = row.insertCell(-1);
i++
console.log(rowCount);
x.innerHTML = "<input type=\"text\" id=\"valor" + rowCount + "\" name=\"valor" + rowCount + "\" pattern=\"(^(?=[MDCLXVI])M*(C[MD]|D?C{0,3})(X[CL]|L?X{0,3})(I[XV]|V?I{0,3})$)\" required><select id=\"operador" + rowCount +"\" name=\"operador" + rowCount + "\"><option value =\"value1\" selected >+</option ><option value =\"value2\">-</option><option value =\"value3\">*</option><option value =\"value4\">/</option></select>";
if (rowCount == 11) {
document.getElementById("adiciona").disabled = true;
}
}
obs:它确实添加了输入,但值没有出现在我的 php 中
解决方案
您需要将表格放在整个表格周围,而不是行的单元格。
<form id="form1" name="form1" action="romanos.php" method="post">
<table id="table">
<tr id="adicionarcells">
<td></td>
<td>
<input type="text" id="valor1" name="valor1" pattern="(^(?=[MDCLXVI])M*(C[MD]|D?C{0,3})(X[CL]|L?X{0,3})(I[XV]|V?I{0,3})$)" required>
<select id="operador1" name="operador1">
<option value="value1" selected>+</option>
<option value="value2">-</option>
<option value="value3">*</option>
<option value="value4">/</option>
</select>
</td>
<td>
<input type="text" id="valor2" name="valor2" pattern="(^(?=[MDCLXVI])M*(C[MD]|D?C{0,3})(X[CL]|L?X{0,3})(I[XV]|V?I{0,3})$)" required>
</td>
<td></td>
<td>
<input type="button" id="adiciona" value="+" style="width: 20px;" onclick="myFunction();">
<input type="submit" value="=" style="width: 20px;">
</td>
</tr>
</table>
</form>
推荐阅读
- sql - 从存储在 SQL Server 表中的数据中获取上个月的日期值
- javascript - 用 Javascript 播放一次后让 GIF 消失?
- python - 如何确定 numba 的 prange 是否真的正常工作?
- azure - az eventgrid event-subscription create 在 Powershell 中不起作用
- javascript - 将 CSS 过渡添加到不断增长的项目列表中
- php - 使用 slim 框架在 index.php 上找不到错误的来源
- aws-documentdb-mongoapi - AWS DocumentDB 上的密码轮换
- r - 如何更新数据框中的单元格值,这取决于同一列中前面单元格中的值?
- scala - 如何在火花连接期间选择动态列?
- excel - 使用 VBA 在 PDF 中创建内部页面链接