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

我有一个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" />

input type=“text”size=“25”id=“fromAddress”name=“from”
值=”“/>

您可以创建新按钮

更改

然后向其添加

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;
};

---

看看这里：

您可以创建新按钮

更改

然后向其添加

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;
};

---

看看这里：

如果您是初学者，我建议您使用jQuery

jQuery('#submit1').click(function() {
     var fromAddress = jQuery('#fromAddress').val();
     var toAddress = jQuery('#toAddress').val();

     jQuery('#fromAddress').val('toAddress');
     jQuery('#toAddress').val('fromAddress');
});

这只是一个简单的例子，说明你如何做到这一点。您需要jQuery库，我建议您了解jQuery的基本知识

---

如果您是初学者，我建议您使用jQuery

jQuery('#submit1').click(function() {
     var fromAddress = jQuery('#fromAddress').val();
     var toAddress = jQuery('#toAddress').val();

     jQuery('#fromAddress').val('toAddress');
     jQuery('#toAddress').val('fromAddress');
});

这只是一个简单的例子，说明你如何做到这一点。您需要jQuery库，我建议您了解jQuery的基本知识

---

下面是您想要实现的示例代码：）

        function swap1() {
            var data1 = document.getElementById("fromAddress").value;
            var data2 = document.getElementById("toAddress").value;
            document.getElementById("fromAddress").value = data2;
            document.getElementById("toAddress").value = data1;
            document.getElementById("swap_button").onclcik = function () {swap2()};
        }

        function swap2() {
            var data1 = document.getElementById("toAddress").value;
            var data2 = document.getElementById("fromAddress").value;
            document.getElementById("toAddress").value = data2;
            document.getElementById("toAddress").value = data1;
            document.getElementById("swap_button").onclcik = function () {swap2()};
        }


    <input type="text" size="25" id="fromAddress" name="from" value=""/>
    <input id="swap_button" type="button" value="Change directions" onclick="swap1()" />
    <input type="text" size="25" id="toAddress" name="to" value="" />
    <input name="submit" type="submit" value="OK" />

函数swap1（）{
var data1=document.getElementById（“fromAddress”）.value；
var data2=document.getElementById（“toAddress”）.value；
document.getElementById（“fromAddress”）.value=data2；
document.getElementById（“toAddress”）.value=data1；
getElementById（“swap_按钮”）.onclcik=function（）{swap2（）}；
}
函数swap2（）{
var data1=document.getElementById（“toAddress”）.value；
var data2=document.getElementById（“fromAddress”）.value；
document.getElementById（“toAddress”）.value=data2；
document.getElementById（“toAddress”）.value=data1；
getElementById（“swap_按钮”）.onclcik=function（）{swap2（）}；
}

下面是您想要实现的示例代码：）

        function swap1() {
            var data1 = document.getElementById("fromAddress").value;
            var data2 = document.getElementById("toAddress").value;
            document.getElementById("fromAddress").value = data2;
            document.getElementById("toAddress").value = data1;
            document.getElementById("swap_button").onclcik = function () {swap2()};
        }

        function swap2() {
            var data1 = document.getElementById("toAddress").value;
            var data2 = document.getElementById("fromAddress").value;
            document.getElementById("toAddress").value = data2;
            document.getElementById("toAddress").value = data1;
            document.getElementById("swap_button").onclcik = function () {swap2()};
        }


    <input type="text" size="25" id="fromAddress" name="from" value=""/>
    <input id="swap_button" type="button" value="Change directions" onclick="swap1()" />
    <input type="text" size="25" id="toAddress" name="to" value="" />
    <input name="submit" type="submit" value="OK" />

函数swap1（）{
var data1=document.getElementById（“fromAddress”）.value；
var data2=document.getElementById（“toAddress”）.value；
document.getElementById（“fromAddress”）.value=data2；
document.getElementById（“toAddress”）.value=data1；
getElementById（“swap_按钮”）.onclcik=function（）{swap2（）}；
}
函数swap2（）{
var data1=document.getElementById（“toAddress”）.value；
var data2=document.getElementById（“fromAddress”）.value；
document.getElementById（“toAddress”）.value=data2；
document.getElementById（“toAddress”）.value=data1；
getElementById（“swap_按钮”）.onclcik=function（）{swap2（）}；
}

阅读a和关于是一个好的开始…阅读a和关于是一个好的开始…非常感谢！现在它是如此简单和合乎逻辑。非常感谢你！非常感谢，将函数swap1（）的最后一行更改为document.getElementById（“swap_按钮”）。onclick=function（）{swap1（）}；而且工作得很好，不知道为什么我需要swap2，如果现在双击它会改变方向。非常感谢，将函数swap1（）的最后一行更改为document.getElementById（“swap_按钮”）。onclick=function（）{swap1（）}；工作完美，不知道为什么我需要swap2，如果现在双击它会改变方向。