如何动态地插入一个始终具有与VB.net页面上其他位置的值相同的文本框的文本框？

Question

The problem: Postback time must not happen. So the generation of the HTML/ASP.net literals are done on Page_Load. Since the user hasn't entered a value for the textboxes that I do calculations on yet, I can't copy those boxes (for a confirmation page) at runtime.

If I was able to make the VB backend do something conceptually like:

$("[id$='TEXTBOX1']").change( function() {
$("[id$='TEXTBOX1_COPY']").val( $("[id$='TEXTBOX1']").val()  );
});

for each item, but dynamically from the backend, that would be perfect.

Is it possible? If I can utilize javascript to do it, that'd be alright too but I'm wondering if there is an easier way than using literals and placeholders to insert textboxes and dynmaically create the code above in javascript on the backend for each element (because the number of elements I'm going to be adding will be unknown - can't hardcode it)

Answer 1

I think this could be what you are looking for:

    <input type="text" id="first_source" />
    <input type="text" id="second_source" />
    <input type="text" id="3_source" />
    <hr />
    <input type="text" id="first_copy" />
    <input type="text" id="second_copy" />
    <input type="text" id="3_copy" />

and:

    $('input[id*="source"]').keyup(function(e)
    {
        var id = $(this).attr('id').split('_')[0];
        $('input[id*="'+ id +'_copy"]').val( $(this).val())
    });​

I've changed the event from .change to .keyup for a fancier effect :D

http://jsfiddle.net/CqccF/2/