[jQuery] Re: Request parameters from dynamically added html element are missing on the server side

[chris]

 Hi Charles,

 I'm afraid I can't provide you with a link... even though I really
want to provide it..

 I checked my code using 'Live HTTP Header' plugin, to see what are
parameters sent by browser.
I couldn't see those request  parameters sent to server side.... so I
think the problem is on the server side, not the server side.

But if I tried to create another html and jsp, imitating the code,
somehow it works..... I can see the parameters were sent to the
script.

This is the code that works

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.MultiFile.js" type="text/javascript"></script>

<form action="check.jsp" method="post" >

<table>
        <tr>
                <td><b>Profile on other portal</b></td>
                <td>
                        <table>
                                <tr>
                                        <td>Portal URL</td>
                                        <td>Profile ID</td>
                                        <td></td>
                                </tr>
                                <tr>
                                        <td><input type="text" 
name="portalurl0" id="portalurl0" /> </
td>
                                        <td><input type="text" 
name="profileid0" id="profileid0" /></td>
                                        <td><input type="button" value="Add" 
onclick="addjquery()" />
<input type="button" value="Profilvorlage" /> </td>
                                        <input type="hidden" name="counter" 
value="1" id="counter" />
                                </tr>
                        </table>
                </td>
        </tr>
        <tr>
                <td></td>
                <td>
                        <div id="profile">

                        </div>
                </td>
        </tr>
        <tr>
                <td></td>
                <td><input type="submit" value="apply" ></td>
        </tr>

</table>

</form>

<script type="text/javascript">

function addjquery(){
        var profileurl = document.getElementById("portalurl0").value;
        var profileid  = document.getElementById("profileid0").value;
        var id = document.getElementById("counter").value;
        $("#profile").append("<p id='row" + id + "'>"+profileurl
+"&nbsp;&nbsp;"+profileid+"<input type='hidden' name='profileurl["+id
+"]'  value='"+profileurl+"' ><input type='hidden' name='profileid["+id
+"]' value='"+profileid+"'>&nbsp;&nbsp;<a href='#'
onClick='removeFormField(\"#row" + id + "\"); return false;'>Remove</
a><p>");

        id = (id - 1 ) + 2;
        document.getElementById("counter").value = id;
}

function removeFormField(id){
        $(id).remove();
}


</script>


 Any hint ? Thanks for your time.

 regards,
 Chris


On Feb 22, 7:06 am, polyrhythmic <[EMAIL PROTECTED]> wrote:
> Hello Chris,
>
> It will be difficult to debug this combination of code without an
> example page we can view.  Can you please provide us with a link?
>
> Charles
>