C# drop down access issue using jquery
<p>I have issue in accesing drop down item from c# code behind</p>

<p>Scenario:
    i am modifying drop down based on user selection using jquery/ajax call. while accesing the drop down item from code behind, still it retains old list.</p>

<p>Please help to access updated drop down list from c# code behind.</p>

<p><strong>Sample code</strong></p>

<p>Jquery code :</p>

<pre><code>$.ajax({
            type: 'POST',
            url: "Search.aspx/LoadNewOptions",
            contentType: 'application/json;charset=utf-8;',
            dataType: "json",
            data: "",
            success: function (data) {
                 $("#dropdown").empty();              

                $($.parseJSON(data.d)).each(function () {
                    var Option = $('&lt;option /&gt;');

                   xOption.attr('value', this.value).text(this.label);
                    $('#dropdown').append(Option);

                    }
                });
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert(errorThrown);
            }
        });
</code></pre>

<p>C# Code behind code :</p>

<pre><code>dropdown.SelectedItem.Value.Trim()   // returns old value
</code></pre>

<p>Alternate Solution:
     Created separate javascript function and store selected item values in hidden variable. No issues in accessing hidden variables from code behind.</p>
