基于来自其他文本框(Jquery)的输入自动填充动态文本框

时间:2013-05-01 11:37:59

标签: jquery asp.net-mvc

我有一个或多个文本框,我需要在第一个文本框更改时将值复制到其他文本框。它们是动态创建的,所以它可以是任意数量的文本框。这是文本框的html标记:

<input type="text" name="PreviousQuotePrice@(Model.SanQuoteLineKey)" class="PreviousQuotePrice" id="PreviousQuotePrice@(Model.SanQuoteLineKey)" value="@(Model.PreviousQuotePrice)"/>

我已经用我的jQuery和警报显示了这一点,但我很难过如何将值从一个文本框复制到另一个文本框。

$(".PreviousQuotePrice").live('input', function () {
    alert('Test');
});

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

您需要知道的真正的事情是如何对这些动态创建的文本框进行分组,它们是否都具有相同的类?同名?如果动态创建的文本框都具有相同的类,那么很容易做到。

$(document).ready(function() {
  $(".PreviousQuotePrice").on('keyup',function(){
    $(".otherClass").val($(".PreviousQuotePrice").val());
  });
});

此示例可在此处查看:http://jsfiddle.net/Hryax/