Question

I have a simple form:

<form id="myForm" method="post"
    action="../SentinelOperationsUI/SystemAuditView.aspx" class="formular">

<fieldset>
    <legend>
        Buy-In
    </legend>
    <label>
        <select id="buyIn" name="buyIn" class="validate[required]">
            <option value=""></option>
            <option>New System Subscription - Third Party System Evolution - Five Year Buy-In</option>
            <option>New System Subscription - ABB System Evolution - Three Year Buy-In</option>
            <option>New System Subscription - Three Year Buy-In</option>
            <option value="SID-repeated">Plant Site Subscription - Buy-In plus Synchronization</option>
        </select>
    </label>
</fieldset>

<fieldset class="SIDContainer" style="display: none;">
    <legend>
        SID (repeated)
    </legend>
    <label>
        <input type="text" class="SID" style="text-transform: uppercase;"/>
        <input type="button" value="Add" class="addSIDToList" style="display: none;" />
    </label>

    <ul class="SIDList" name="SIDList" 
        style="text-transform: uppercase; list-style: disc; "></ul>

</fieldset>

<input class="submit" type="submit" value="Submit"/>
</form>

The ul-list gets populated through jquery. Is there any smart way to read the posted values at the page that im posting to? Or do i need to post them manually using $.post? Thanks

Answer 1

If you populate the ul with li’s that each contain an input element that contains the actual value (whether or not hidden), you can just post the page and your values should be send to the server. Of course you can do it with scriping and just add the values to some object (or read them manually from the DOM tree) and pass that object to the server through some AJAX method like $.post.