根据选择选项更新输入值

Question

我试图找出根据选中的选项从 select 中更新一些 input 值的最佳方法。

这是我想要实现的：

我有一个显示域名详细信息的页面。我有一个带有 input 和 select 的表单，允许更改价格。 input 包含当前域名价格，并允许用户输入新价格，但用户不必这样做，而是可以使用 select，它有 3 个选项和 3 种不同的货币，一旦选择一个选项，它应该根据数据库中给定货币的默认价格更改新价格 input 的值。

然后它变得有点复杂，因为脚本需要知道 TLD（顶级域名）在数据库中查找以找到正确的价格。 我猜我需要将其作为某个参数传递...

代码本身在提交时完美运行，并且当选择不同的货币时应用新的价格，但我只能在提交后看到它，这是我想避免的。

我不确定该怎么做。 我应该使用 jQuery 自身还是 jQuery AJAX 还是 JS？ 我对所有这些异步内容都很陌生，真的不知道从哪里开始。

- Abbys

---

如果您没有提供任何代码，我们不知道在哪里提供帮助... - kasper Taeymans

Answer 1

为了能够做到这一点，JavaScript是很好的选择。您需要学习有关事件的知识。事件会在发生指定操作时触发。在您的情况下，您希望它在更改选择的值时触发。因此，您将需要使用onchange事件。 我创建了一个非常基本的示例，因为您没有提供任何代码。您应该能够解密它以实现您想要的功能。 JAVASCRIPT

<script type="text/javascript">
function addEventsToHTML(){
    var cars = document.getElementById('cars');
    cars.onchange = changeHandler;
    function changeHandler(){
        alert("You changed to "+this.value);
    }
}
window.onload = addEventsToHTML;
</script>

HTML

  <select id="cars">
      <option value="Volvo">Volvo</option>
      <option value="MG">MG</option>
      <option value="Fiat">Fiat</option>
    </select>

请查看此处的实时演示！

- 8bitcat