點擊鏈接后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>

當我單擊鏈接時，地址值將復制到地址2值，地址2值將復制到地址值。

問： 當我單擊鏈接時，如何基本切換輸入值？

我的知識：

//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);

工作演示

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

---

演示@小提琴

---

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