jQuery - 由兩個按鈕集產生的字符串的動態連接

Question

我想讓jQuery在輸入字段中連接兩個字符串，其中每個字符串都是用戶在兩個按鈕列表中按下一個按鈕的結果。 每次按下不同的按鈕時，字段值應該更新，從而顯示所用按鈕的最新組合。

這裏是我有多遠了：

http://jsfiddle.net/Argoron/YYNSm/

感謝您的幫助

Answer 1

我覺得http://jsfiddle.net/ThiefMaster/YYNSm/10/是你想要的。

$(document).ready(function() { 
    var buttonData = [null, null]; 
    $("#lang input:button").click(function() { 
     buttonData[0] = $(this).val(); 
     if(buttonData[0] && buttonData[1]) { 
      $("#camouflage").val(buttonData[0] + ', ' + buttonData[1]); 
     } 
    }); 

    $("#letters input:button").click(function() { 
     buttonData[1] = $(this).val(); 
     if(buttonData[0] && buttonData[1]) { 
      $("#camouflage").val(buttonData[0] + ', ' + buttonData[1]); 
     } 
    }); 
}); 

Answer 2

我不知道你怎麼個意思，但是這個代碼，使語言和字母的組合最新：http://jsfiddle.net/JG6Aw/1/

var lang = '', 
    letter = '', 
    $cam = $('#camouflage'); 

$("#lang input").click(function() { 
    lang = $(this).val(); 
    update(); 
}); 

$("#letters input").click(function() { 
    letter = $(this).val(); 
    update(); 
}); 

var update = function(){ 
    $cam.val(lang + ',' + letter); 
}; 

Answer 3

使用這個jQuery，我已經做了我在多大程度上理解你的問題

var allowpress=false; 
$(document).ready(function() { 
    $("#lang input[type=button]").click(function() { 
     $("#camouflage").val($(this).val()); 
     allowpress=true; 
    }); 

    $("#letters input[type=button]").click(function() { 
     if(allowpress) { 
     $("#camouflage").val($("#camouflage").val() + ',' + $(this).val()); 
     allowpress=false; 
     } 
    }); 

}); 

，你可以在這裏看到它http://jsfiddle.net/gubhaju/wTFGm/

Answer 4

$(document).ready(function() { 
    var languages = ['French', 'English', 'Spanish', 'German']; 
    var letters = ['A', 'B', 'C', 'D', 'E']; 

    $("input[type=button]").click(function() {  
     var selections = []; 
     var previous = $("#camouflage").val().length > 0 ? $("#camouflage").val().split(',') : []; 

     var isLetter = $.inArray($(this).val(), letters) > -1; 

     selections = previous; 

     if (previous.length == 1){ 
      selections[$.inArray(previous[0], languages) > -1 ? 0: 1] = previous[0]; 
     } 

     selections[isLetter ? 1 : 0] = $(this).val(); 
     $("#camouflage").val(selections.length > 1 ? selections.join(',') : selections[0]); 
    }); 
});