當我點擊右箭頭時，如何更改值？

Question

當我點擊右箭頭時，數組的下一個元素應該顯示在輸入區域中？

$(function(){ 
    var room = ['1-visiting office', '2-', '3-'];  
    $('#text_holder').val(room[0]); 

    $("#rightarrow").click(function(){  
     $('#text_holder').val(room[next]);  
    }); 
}); 

這是我的html代碼

<input id="text_holder" name="text_holder"/> 
<img src="dev/images/rightarrow.jpg" id="rightarrow" /> 

Answer 1

我喜歡火箭的答案超過我的。但是如果您覺得它有用，還有另外1種方法。

$(function(){ 
    var room = ['1-visiting office', '2-', '3-'];  
    var counter = 0; 
    $("#rightarrow").click(function(){  
     $('#text_holder').val(room[counter++]);  
    }).click(); 
}); 

Answer 2

Array的沒有next功能什麼的，你需要跟蹤計數器自己。

這是一種方法，使用jQuery的data將計數器存儲在按鈕上。

$(function(){ 
    var room = ['1-visiting office', '2-', '3-']; 
    $('#text_holder').val(room[0]); 

    $("#rightarrow").data('counter', 0).click(function(){ 
     var counter = $(this).data('counter')+1; 
     $('#text_holder').val(room[counter]); 
     $(this).data('counter', counter); 
    }); 
}); 

如果你擊球結束後要循環再次周圍，你可以使用%（模數）運算符。

$(function(){ 
    var room = ['1-visiting office', '2-', '3-']; 
    $('#text_holder').val(room[0]); 

    $("#rightarrow").data('counter', 0).click(function(){ 
     var counter = ($(this).data('counter')+1) % room.length; 
     $('#text_holder').val(room[counter]); 
     $(this).data('counter', counter); 
    }); 
}); 

DEMO：http://jsfiddle.net/8Fc9w/