jQuery Ajax Drop Down
<p>I have a drop down that when clicked makes an ajax request to update the drop down with the latest stock levels.</p>

<p>When I click the drop down the request is made and the drop down gets updated and drops down with the latest data. Problem is when a user selects an option the Click ajax request is made again stoping an option from being selected.</p>

<p>I did try unBinding the Click function which did work but I could'nt then re bind the click in case a user wanted to change what they selected.</p>

<p><strong>DropDown</strong></p>

<pre><code>&lt;select name="Qty" id="88" class="ProQty"&gt;
   &lt;option value="0"&gt;Qty&lt;/option&gt;
   ...
&lt;/select&gt;
</code></pre>

<p><strong>jQuery</strong></p>

<pre><code>//Update Qty Levels Automatically
$(function QtyCheck() {
    $("select.ProQty").click(function() {
        var ProductID = $(this).attr('id');

        var Startdd = $("#Startdd").val();
        var Startmm = $("#Startmm").val();
        var Startyy = $("#Startyy").val();
        var StartHours = $("#StartHours").val();
        var StartMinutes = $("#StartMinutes").val();
        var Enddd = $("#Enddd").val();
        var Endmm = $("#Endmm").val();
        var Endyy = $("#Endyy").val();
        var EndHours = $("#EndHours").val();
        var EndMinutes = $("#EndMinutes").val();

        var dataString =  'Startdd=' + Startdd + '&amp; Startmm=' + Startmm + '&amp; Startyy=' + Startyy + '&amp; StartHours=' + StartHours + '&amp; StartMinutes=' + StartMinutes + '&amp; Enddd=' + Enddd + '&amp; Endmm=' + Endmm + '&amp; Endyy=' + Endyy + '&amp; EndHours=' + EndHours + '&amp; EndMinutes=' + EndMinutes;

        $("#" + ProductID).empty();
            //$("#" + ProductID).empty().unbind();

        $.ajax({
            type: "POST",
            url: "./ajax/QtyCheck.asp?ID=" + ProductID,
            data: dataString,
            cache: false,
            success: function(html) {
                        //setTimeout(function() {
                            $("#" + ProductID).append(html);
                        //},600);
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                        //setTimeout(function() {
                            $("#" + ProductID).append(XMLHttpRequest.responseText);
                        //},600);
            }
        });
    });
});
</code></pre>
