jQuery 中的链接文本框

Chained textbox in jQuery

本文关键字：文本 链接 jQuery      更新时间：2023-09-26

想要创建链接文本框：

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
其中选择文本框 1 的值，对应于文本框

1 的值将出现在文本框 2 中，就像在文本框 3 中一样 w.r.t 文本框 3。并且我的预定义值将存储在jQuery函数中，调用它将填充该值。

建议。。。。需要

$(".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

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

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

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

希望这有帮助！

j查询代码 

$(".foo").on("keyup",function(){
    $(".foo").val($(this).val());
});​
相关文章：