使用提交按钮将 html 数据检索到表单输入中

Question

我创建了一个支付表单，并将数据从数据库检索到输入字段。我的html如下：

<table>
	<form name="postForm" action="form_process.php" method="POST" >
	<tr><td><input type="hidden" name="txnid" value="<?php echo $txnid=time().rand(1000,99999); ?>" /></td></tr>
	<tr><td>amount</td><td><input type="text" name="amount" value="<?php echo $_GET['id'];?>" /></td></tr>



	<tr><td>Name</td><td><input type="text" name="firstname" value="<?php echo $user_name; ?>" /></td></tr>
	<tr><td>email</td><td><input type="text" name="email" value="<?php echo $_SESSION['email']; ?>" /></td></tr>
	<tr><td>phone</td><td><input type="text" name="mobile" value="<?php echo $user_mobile; ?>" /></td></tr>
	<tr><td>productinfo</td><td><input type="text" name="productinfo" value="" /></td></tr>
	<tr><td><input type="hidden" name="surl" value="success.php" size="64" /></td></tr>
	<tr><td><input type="hidden" name="furl" value="fail.php" size="64" /></td></tr>
	<tr><td><input type="submit" /></td><td><input type="reset" /></td></tr>
	</form>
</table>

我的网站有以下设计供客户选择计划。当用户单击 paynow 按钮时，他们将被重定向到此表单。

当用户点击按钮时，相应的金额应该自动添加到输入字段中。如果它的 400 输入应该是 400 或 300 如果 300。我如何在提交按钮中做到这一点？

Answer 1

所以你需要在按钮上执行点击功能。您的 3 个按钮可能有一个 data 属性 price 提及值，例如

<input type="button" data-price="300">

通过访问数据属性来填充输入字段。

$('.button').click(function(){
    $('input[name="amount"]').val($(this).data(price));
});

Answer 2

您可以将输入类型指定为 Button，例如 plan1、plan2、plan3，并为每个按钮创建 onClick 函数，例如

<button onclick="plan1()">Plan1</button>

<p id="plan1">Plan1 contents</p>

<script>
function plan1() {
  document.getElementById("plan1").innerHTML = "Document Data";
}

明智的

Answer 3

1. 将以下类添加到您的 3 个部分： class="month"

2. 为该输入字段指定一个您希望输出结果的 ID：例如：<input type="text" name="productinfo" id="productinfo">

3. 在您的 JavaScript 文件中添加以下脚本： const month = document.querySelectorAll('.month'); const productInfo = document.getElementById('productinfo'); month.forEach((m) => m.addEventListener('click', (e) => productInfo.value = m.getAttribute('data-month')));

data-month 约束值。在本例中为 100、200、300。

const month = document.querySelectorAll('.month');
const productInfo = document.getElementById('productinfo');

month.forEach((m) => m.addEventListener('click', (e) => productInfo.value = m.getAttribute('data-month')));

<input class="month" type="button" value="PLAY NOW" data-month="100">
<input class="month" type="button" value="PLAY NOW" data-month="200">
<input class="month" type="button" value="PLAY NOW" data-month="300">

<input type="text" id="productinfo">