Question

我有4个字段，其中3个是接受字符和1个接受号码（4个字段的第一个字符字段和最后一个数字字段是强制性的，休息是可选的）他们在四个字段中输入的数据是什么，它应该显示在结果字段中。

在数字字段中听到他们输入的数字应该转换成某个共同字符，即如果他们输入应显示为“NNN”的“3”

i will give one eg: 

1Field = BB 
2Field = CC
3Field = AA
4Field = 3

result ='BBCCAANNN'

HTML：

<input name="a" id="textBoxt1" ></input>
<input name="b" id="textBoxt1" ></input>
<input name="c" id="textBoxt1" ></input>
<input name="d" id="textBoxt1" ></input>
<input name="result" id="result"></input>

Jquery：

$(document).ready(function () {
    $('[id^="textBox"]').keyup(function(){
        var result = '';
        $('[id^="textBox"]').each(function(){
            var count = parseInt($(this).val(),10) || 0;
            result += Array(count+1).join($(this).val()); 
        });
        $('#result').val(result);
    });
});

我想我可以使用这个将第四个字段值转换为字符：

     result += Array(count+1).join($(this).data('char')); // in JQUERY

and in HTML 

<input name="d" id="textBoxt1" data-char="N" ></input>

但它不能正常工作，我该怎么做呢。任何帮助将非常感谢谢谢。

Answer 1

试试他的http://jsfiddle.net/pE5wS/

var comm="N";
$(document).ready(function () {
    $('[id^="textBox"]').keyup(function(){
        var result = '';
        $('[id^="textBox"]:lt(3)').each(function(){
            result += $(this).val(); 
        });
         $('[id^="textBox"]:eq(3)').each(function(){
            var cnt=$(this).val();
             while(cnt!=0)
             {result += comm; 
              cnt--;
             }
        });
        $('#result').val(result);
    });
});

如何使用jquery将多个输入字段值反映到单个字段

1 个答案: