如何在不更改选择框值的情况下选择选择框时更改html中的输入框值

Posted 2023-05-09

【中文标题】如何在不更改选择框值的情况下选择选择框时更改html中的输入框值

【英文标题】：how to change input box value in html when selectbox is selected without changing the select box value

【发布时间】：2021-11-27 15:29:54

【问题描述】：

我正在尝试在我的网站中集成 payu 支付网关，因此当用户在我的表单中选择产品信息时，金额应相应更改，我已执行以下操作：

function myFunction(e) 
    document.getElementById("myText").value = e.target.value

<select name="productinfo" onchange="myFunction(event)" class="form-control">
  <option value="<?php echo (empty($posted['productinfo'])) ? '' : $posted['productinfo']; ?>" disabled selected>Choose Database Type</option>
  <option value="26,999">X 1.5</option>
  <option value="28,999">X 2.5</option>
  <option value="32,999">X 3.5</option>
  <option value="35,999">X 4.5</option>
</select>

<input type="text" name="amount" id="myText" class="form-control"   value="<?php echo (empty($posted['amount'])) ? '' : $posted['amount']; ?>" readonly>

这里根据产品选择更改金额并且可以通过它来支付，我想要的是产品信息也可以像表单中的 value="X2" 一样传递，有什么办法吗,请帮忙,提前谢谢

【问题讨论】：

我不明白你在做什么。你能告诉我们更多细节吗？

@testing_22 我想要两个不同的值，例如选择框我需要 value="X1" 和 amount value="26999"，

为什么不将选择名称更改为 amount 并输入 id="myText" 将名称更改为 productinfo 。然后在您的 myFunction 中，而不是分配值，分配文本。那应该可以解决您的问题

@slashroot 我不明白，我希望这两个值是分开的，

【参考方案1】：

在这里试试这个：

function myFunction(e) 
    document.getElementById("myText").value = e.options[e.selectedIndex].getAttribute('data-price');

<select name="productinfo" onchange="myFunction(this)" class="form-control">
  <option value="<?php echo (empty($posted['productinfo'])) ? '' : $posted['productinfo']; ?>" disabled selected>Choose Database Type</option>
  <option value="X 1.5" data-price="26,999">X 1.5</option>
  <option value="X 2.5" data-price="28,999">X 2.5</option>
  <option value="X 3.5" data-price="32,999">X 3.5</option>
  <option value="X 4.5" data-price="35,999">X 4.5</option>
</select>

<input type="text" name="amount" id="myText" class="form-control"   value="<?php echo (empty($posted['amount'])) ? '' : $posted['amount']; ?>" readonly>

【讨论】：

兄弟我收到一个错误，没有传递 rpduct 信息

@BOOKTHEPARTY 您是否更新了您的 SELECT 选项值？如果您选择选项 X 2.5 并发布表单，您应该从 $_POST['productinfo'] 获得 X 2.5 并从 $_POST['amount']

获得 28,999 >