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中w.r.t textbox3。我的预定义值将存储在jQuery函数中，在调用它时将填充该值。

建议....需要

Answer 1

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

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

因此，您也可以使用change或keydown apis。

希望这有帮助！

jquery代码

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

Answer 2

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

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

<强> DEMO 2

如果要显示首选的文本，请选择下一个文本框，然后：

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

<强> DEMO 3

在jQuery中链接的文本框

2 个答案: