单击链接后，Jquery切换输入值

Question

我有2个输入：

<form>

    <input type="text" name="address" id="address" value="">
    <input type="text" name="address2" id="address2" value="">

</form>

<a href="">switch addresses</a>

当我点击链接时，地址值将复制到address2值，address2值将复制到地址值。

问：点击链接时如何基本切换输入值？

我的知识：

//get
var bla = $('#address').val();
//set
$('#address2').val('bla');

Answer 1

尝试从bla删除引号，如果你不这样做，那么它将被视为一个字符串，

var bla = $('#address').val();
$('#address2').val(bla);

交换，

$('a:contains("switch addresses")').click(function(){
    var tmp = $('#address').val();
    $('#address').val($('#address2').val())
    $('#address2').val(tmp);
});

DEMO

Answer 2

我相信您正在寻找交换两个输入字段值：

var bla = $('#address').val();
$('#address').val($('#address2').val());
$('#address2').val(bla);

<强> Working Demo

Answer 3

var bla = $('#address').val();
var cla = $('#address2').val();
$('#address2').val(bla);
$('#address').val(cla);

Answer 4

试试这个：

$('a').on('click',function(e){
    e.preventDefault();
    var obj = { // create object
       "address" : $('#address').val(), // get the address value 
       "address2" : $('#address2').val() // get the address2 value 
    };
    $('#address').val(obj.address2); // set here
    $('#address2').val(obj.address); // set here
});

---

Demo @ Fiddle

---

Answer 5

你可以像下面的超链接事件那样做：

var temp = $('#address2').val();

$('#address2').val($('#address').val(););

$('#address').val(temp);

Answer 6

试试这段代码。

$('a').on('click',function(e){
    e.preventDefault();
    var add1= $('#address').val();
    var add2 = $('#address2').val();
    $('#address2').val(add1);
    $('#address').val(add2);
});