使用提交按钮

Question

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

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

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

当用户点击按钮时，相应的数量应自动添加到输入字段。如果它的400输入应该是400或300如果300.我怎么能在提交按钮内执行此操作？

Answer 1

而不是提交您可以将输入类型指定为按钮，例如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 2

因此您需要在按钮上执行单击功能。您的3个按钮可能具有提及值的数据属性价格，如

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

通过访问数据属性，您可以填充输入字段。

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

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。

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

month.forEach((m) => m.addEventListener('click', (e) => productInfo.value = m.getAttribute('data-month')));
＆＃13;
<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">
＆＃13;
＆＃13;
＆＃13;