javascript - 单击按钮时将两个输入文本值替换为彼此的值

Question

我有一个带有两个输入字段的html表单，在第一个输入字段中，用户输入第一个城镇的名称，在其他第二个城镇中，提交表单后，用户将获得如何从第一个城镇前往第二个城镇的指示。

我想让用户单击“更改方向”按钮并自动将第一个城镇名称更改为第二个城镇名称，将第二个城镇名称更改为第一个城镇名称，反之亦然。 (A到B，B到A)

我想我应该使用 javascript，但我是新手，在任何地方都找不到线索。

有人可以帮我吗？

input type="text" size="25" id="fromAddress" name="from"
 value=""/>
  <input name="submit1" type="submit" value="Change directions" />
<input type="text" size="25" id="toAddress" name="to"
 value="" />
<input name="submit" type="submit" value="OK" />

Answer 1

您可以创建新按钮<button id="change">Change</button>
然后添加onclick事件。

document.getElementById('change').onclick = function() {
    var tmp = document.getElementById('fromAddress').value;
    document.getElementById('fromAddress').value = document.getElementById('toAddress').value;
    document.getElementById('toAddress').value = tmp;
};

看这里:http://jsfiddle.net/xskKn/