Question

我在尝试在输入文本字段（第二个表）中移动值p时遇到小问题。我有2张不同的桌子。第一个表有按钮和javascript。我已成功将价值“Chemendon”和“Morning”传递到第二个表格，格式为：

<p id="venue"></p>
<p id="session"></p>

第一个表的代码按钮和javascript下面

<table class="table table-bordered">
<tbody>
<tr>
<td>
<input class="btn btn-avai btn-sm" type="button" onclick="addroom()" value="Available" />
</td>
  <script>
    function addroom() 
    { document.getElementById("venue").innerHTML = "Chemendon";
      document.getElementById("session").innerHTML = "Morning";
    }
  </script>
</tr>
</tbody>
</table>

第二个表只有输入文本字段和p值，我想在输入文本字段

中移动p值

<table class="table table-bordered">
<tbody>
<tr>
<td>
<input class="form-control" type="text" placeholder="Venue/Facility" size="1"/>
<p id="venue"></p>
</td>
<td>
<input class="form-control" type="text" placeholder="Session" size="1"/>
<p id="session"></p>
</td>
</tr>
</tbody>
</table>

我该怎么做？

请注意。我之前已经问过这个问题，有两个人回答了我的问题。但它不起作用。所以我在这里尝试解释更多细节。

谢谢，faizal。

Answer 1

请将特定ID添加到输入框中，如

<input class="form-control" type="text" placeholder="Venue/Facility" size="1" name="venue" id="venue_input" />
<input class="form-control" type="text" placeholder="Session" size="1" name="session" id="session_input" />

比您可以使用以下代码

<script>
function addroom() 
{ 
    document.getElementById("venue").innerHTML = "Chemendon";
    document.getElementById("session").innerHTML = "Morning";
    document.getElementById("venue_input").value = document.getElementById("venue").innerHTML;
    document.getElementById("session_input").value = document.getElementById("session").innerHTML;
}
</script>

将p值放在输入文本字段2＃中

1 个答案: