javascript - jQuery中的链接文本框

Question

想要创建链式文本框：

textbox1            textbox2             textbox3
_________           ____________       _____________
|___A____|         |(1)disabled|       |(a)disabled|

textbox1(value):A,B,C,D,E; 
textbox2(value):1,2,3,4,5; 
textbox3(value):a,b,c,d,e; like-> "A,1,a","B,2,b"=> this will be the combination

在选择textbox1的值的地方，textbox1对应的值会出现在textbox2中，就像在textbox3 wrt textbox3中一样。我的预定义值将存储在jQuery函数中，调用它会填充值。

建议....需要

Answer 1

$(".chainbox").on("keyup", function(){
    $(".chainbox").val(this.value);
});​

演示 1

我想你想要一个selectbox而不是checkbox（不确定）

$(".myselect").on("change", function(){

    // here I update value of next select box 
    // using current selectbox value
    // may be you have something else

    $(this).next('.myselect').val(this.value).prop('disabled', false);
});​

演示 2

如果要将第一个选择的选定文本显示到下两个文本框，则：

$(".myselect").on("change", function(){
    $(this).nextAll(':input.mytext').val($('option:selected', this).text());
});

演示 3

Answer 2

工作演示 http://jsfiddle.net/Mwkjs/10/

如果我错过了什么，请告诉我。

所以你也可以使用changeor keydownapis 。

希望这有帮助！

jQuery代码

$(".foo").on("keyup",function(){
    $(".foo").val($(this).val());
});​