时间戳

首页 > 解决方案 > 选择下拉菜单时自动填充文本框

javascript - 选择下拉菜单时自动填充文本框

问题描述

我想在选择下拉列表时自动填充文本框。下拉列表包括第一部分，第二部分。选择第一期付款时，必须在文本框中显示 1000rs.. 是否可以这样做...我也想在 db 中插入选项值和金额

<select name="installment">
<option value="First installment">First Installment</option>
<option value="Second Installment">Second Installment</option>
</select>
<input type="text" name="amount">

标签： javascriptjqueryajax

解决方案

我刚刚在选择中添加了一个事件侦听器，因此更改输入将获得您想要的值，具体取决于选择的值。

document.getElementById('selectName').addEventListener("change", function(){
  if(document.getElementById('selectName').value == "First installment"){
  document.getElementById('amount').value = '1000rs'
  }
  if(document.getElementById('selectName').value == "Second Installment"){
  document.getElementById('amount').value = '5000rs'
  }
});

代码笔示例： https ://codepen.io/Elnatan/pen/RwabKwG

要将其上传到数据库，我需要知道您使用的是什么后端。但一般您需要创建一个表单（方法发布）或将其作为发布请求发送到后端。然后在后端获取这个值并将其存储到数据库中。

推荐阅读