{"id":672,"date":"2012-12-11T11:11:12","date_gmt":"2012-12-11T11:11:12","guid":{"rendered":"http:\/\/codeatelier.wordpress.com\/?p=402"},"modified":"2016-09-10T14:53:59","modified_gmt":"2016-09-10T14:53:59","slug":"jquery-dropdown-population-after-ajax-request","status":"publish","type":"post","link":"https:\/\/codethataint.com\/blog\/jquery-dropdown-population-after-ajax-request\/","title":{"rendered":"Jquery Dropdown Population after ajax Request"},"content":{"rendered":"
\r\n        url = "\/property\/realestate_statistics\/";\t\r\n\t\r\n\tlngCityId = $('#cboCityName').val();\r\n\t\r\n        $.post(\r\n\t  url,\r\n\t  {\r\n\t   "act" \t\t: "GetCommonLocation",\r\n\t   "CityId" \t\t: lngCityId\r\n\t  },\r\n\t  function(responseText){\t\t\r\n\t   $('#cboLocation').html(responseText);\t\t\r\n\t   $('#cboPropertyType').html('');\r\n  \t   $('#cboPropertyType').append( new Option('Property Type',''));      \t\t\t\r\n\t   $('#cboPropertyType').val('Property Type');\r\n\t  }, \r\n\t  "html"\r\n\t);\r\n<\/pre>\n
I have a response text coming after changing city and this will be populated in second drop down
\ncboLocation. Now the third drop down should be repopulated based on property type at city by taking common location selected in to consideration. for that you should reset property type apart from  resetting cboLocation.<\/p>\n
To do so <\/p>\n
\r\n        $('#cboPropertyType').html('');\r\n  \t$('#cboPropertyType').append( new Option('Property Type',''));      \t\t\t\r\n\t$('#cboPropertyType').val('Property Type');\r\n<\/pre>\n
    \n
  1. $(‘#cboPropertyType’).html(”) – To empty the Content of Drop down <\/li>\n
  2. $(‘#cboPropertyType’).append( new Option(‘Property Type’,”)) – It should Contain only Property Type in Option so i am Appending that<\/li>\n
  3. $(‘#cboPropertyType’).val(‘Property Type’) – It should point to only one option that exixts<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
    url = "\/property\/realestate_statistics\/"; lngCityId = $(‘#cboCityName’).val(); $.post( url, { "act" : "GetCommonLocation", "CityId" : lngCityId }, function(responseText){ $(‘#cboLocation’).html(responseText); $(‘#cboPropertyType’).html(”); $(‘#cboPropertyType’).append( new Option(‘Property Type’,”)); $(‘#cboPropertyType’).val(‘Property Type’); }, "html" ); I have a response text coming after changing city and this will be populated in second drop down cboLocation. Now the third drop down should be repopulated… Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-672","post","type-post","status-publish","format-standard","hentry","category-jquery"],"_links":{"self":[{"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/posts\/672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/comments?post=672"}],"version-history":[{"count":3,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/posts\/672\/revisions"}],"predecessor-version":[{"id":1597,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/posts\/672\/revisions\/1597"}],"wp:attachment":[{"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/media?parent=672"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/categories?post=672"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/tags?post=672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}