how to automatically populate other fields when town is chosen

Question

I have 3 textboxes in a form - town, county and country. A list appears for town so the user can select from this list. When a town is selected I want the country and county textboxes to be populated. But when the town is selected, nothing appears in the other textboxes.

 function OnCheckIfTownValid<%= AddressType %>(result) {
        if(result.ID != -1){
            document.getElementById('<%= txtAddTownID.ClientID %>').value = result.ID;
            document.getElementById('<%= txtAddTown.ClientID %>').value = result.TownName;
            $('#<%= txtCountyID.ClientID %>').val(result.CountyID);
            $('#<%= txtCountryID.ClientID %>').val(result.CountryID);
            $('#<%= txtCounty.ClientID %>').val(result.County);
            $('#<%= txtCountry.ClientID %>').val(result.Country); 
        }
        else{
            document.getElementById('<%= txtAddTownID.ClientID %>').value = "0";
            document.getElementById('<%= txtAddTown.ClientID %>').value = "";
        }

Here is what console.log returns:

[object Object] {CountryID: 529, CountyID: 11852, CreatedBy: "", CreatedDate: date, Element: null, ID: 437, IsActive: true, ModifiedBy: "", ModifiedDate: date, TownISO: "0", TownName: "Aberdeen", Zone: ""}
   {
      [functions]: ,
      __proto__: { },
      __type: "Lookups+Town",
      CountryID: 529,
      CountyID: 11852,
      CreatedBy: "",
      CreatedDate: [date] Thu Aug 13 2015 17:13:53 GMT+0100 (GMT Daylight Time),
      Element: null,
      ID: 437,
      IsActive: true,
      ModifiedBy: "",
      ModifiedDate: [date] Thu Aug 13 2015 17:13:53 GMT+0100 (GMT Daylight Time),
      TownISO: "0",
      TownName: "Aberdeen",
      Zone: ""
   }

Can you do `console.log(result)` and put the o/p in the question — Abhi, Aug 14 '15 at 09:29

DieVeenman · Answer 1 · 2015-08-14T10:58:53.347

0

Got it!

Try this:

function OnCheckIfTownValid<%= AddressType %>(result) {
        if(result.ID != -1){
            document.getElementById('<%= txtAddTownID.ClientID %>').value = result["ID"];
            document.getElementById('<%= txtAddTown.ClientID %>').value = result["TownName"];
            $('#<%= txtCountyID.ClientID %>').val(result["CountyID"]);
            $('#<%= txtCountryID.ClientID %>').val(result["CountryID"]);
            $('#<%= txtCounty.ClientID %>').val(result["County"]);
            $('#<%= txtCountry.ClientID %>').val(result["Country"]);
        }
        else{
            document.getElementById('<%= txtAddTownID.ClientID %>').value = "0";
            document.getElementById('<%= txtAddTown.ClientID %>').value = "";
        }

You can also put a Console.Log(Result) in the function so you can see if result gets populated.

Edit: Link with more info: Link here

edited Aug 14 '15 at 10:58

answered Aug 14 '15 at 09:35

DieVeenman

457
1
3
18

no that doesn't work. County and Country say undefined – user123456789 Aug 14 '15 at 09:38
What does console.log(Result) return, could you add it? – DieVeenman Aug 14 '15 at 09:41
where do I find where console prints? – user123456789 Aug 14 '15 at 09:42
1

Press F12 go to tab console(IE) For Chrome same deal and Firefox as well I think – DieVeenman Aug 14 '15 at 09:42
I pressed F12 but I don't see console – user123456789 Aug 14 '15 at 09:48
On what browser are you, include version number as well please. – DieVeenman Aug 14 '15 at 09:49
I added the console.log to my question – user123456789 Aug 14 '15 at 09:59
It causes the error Unable to get property 'CountyID' of undefined or null reference – user123456789 Aug 14 '15 at 10:12
@user123456789 Check out the image, it shows how a console looks like in Chrome – Abhi Aug 14 '15 at 10:25

how to automatically populate other fields when town is chosen

1 Answers1