Question

我正在尝试根据input中的所选选项找出更新某些select值的最佳方法。

这是我想要实现的目标：

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

然后它变得有点复杂，因为脚本需要知道要在数据库中查找的TLD才能找到正确的价格。我想我需要把它作为参数传递给某个地方......

代码本身在提交时效果很好，并且在选择不同货币时应用新价格，但我只能在提交后看到它，我想避免的。

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

Answer 1

能够做到这一点javascript很好。你需要了解事件。当指定的操作发生时，事件会被触发。在您的情况下，您希望在更改选择的值时触发它。因此，您需要使用 onchange事件。

我创建了一个非常基本的例子sinc eyou没有提供任何代码。哪个你应该能够破译你想要的东西。

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

查看LIVE DEMO HERE!

根据选择选项更新输入值

1 个答案: