XModPro

Populate states dropdown from country selection

AF Webmaster AF Webmaster asked Nov 19, 2014
Active Nov 19 · Viewed 2357 times
<p>So here is a snippet of my code where I'm basically trying to populate the states dropdown from the selection of a country without a postback:</p><p>&lt;AddForm Clientname="Autofill"&gt;<br> &lt;ControlDataSource id="dsCountries" CommandText="exec StoredProcedureName"/&gt;<br> <br> &lt;div&gt;<br> &lt;Label CssClass="xmp-form-label NormalBold" For="ddlCountries"&gt;Country&lt;/Label&gt;<br> &lt;DropdownList CssClass="xmp-Control" id="ddlCountries" DataField="Country" DataType="string" DataTextField="QuestionOption" DataValueField="QuestionOptionValue" DataSourceId="dsCountries"&gt;&lt;/DropDownList&gt;<br> &lt;/div&gt;<br> &lt;div&gt;<br> &lt;Label CssClass="xmp-form-label NormalBold" For="ddlRegions"&gt;State / Province&lt;/Label&gt;<br> &lt;DropdownList CssClass="xmp-Control" id="ddlRegions" DataField="StateProvince" DataType="string" DataTextField="QuestionOption" DataValueField="QuestionOptionValue"&gt;&lt;/DropDownList&gt;<br> &lt;/div&gt;<br><br><br> &lt;jQueryReady&gt;<br> $('#' + Autofill.ddlCountries).change(function() {<br> var theCountryId = $(this).val();<br> <br> $.ajax({ <br> url: '/DesktopModules/XModPro/Feed.aspx', <br> type: 'POST',<br> dataType: 'html',<br> data: { <br> "xfd" : "GetStates",<br> "pid" : 1,<br> "country" : theCountryId<br> }, <br> <br> success: function(data) { <br> var options = $('#' + Autofill.ddlRegions);<br> $.each(data, function() {options.append($("&lt;option /&gt;").val($(data).filter('.listText').text()).text($(data).filter('.listValue').text()));}) <br> }<br> });<br> });<br> &lt;/jQueryReady&gt;<br><br><br><strong> THE FEED</strong><br><br> &lt;xmod:Feed ContentType="text/html"&gt;<br><br> &lt;ListDataSource CommandText="exec StoredProcedureName"&gt;<br> &lt;Parameter Name="country" Value='[[Form:country]]' DataType="Int32" /&gt; <br> &lt;/ListDataSource&gt;<br> <br> &lt;ItemTemplate&gt;<br> &lt;span&gt;[[QuestionOption]]&lt;/span&gt; <br> &lt;span&gt;[[QuestionOptionValue]]&lt;/span&gt; <br> &lt;/ItemTemplate&gt;<br><br> &lt;/xmod:Feed&gt;<br>&lt;/AddForm&gt;</p></p><p>I'm getting a jquery error of <p>'TypeError: invalid 'in' operand obj ' where I'm trying to iterate through the feed rows in the jquery code.&nbsp; Please advise ... what am I doing wrong here?</p></p>

1 Answer

Loading answers...