populating a dropdown from data in the database

Question

I have the following. HTML

 <div class="frmInput">
                        <select id="registrationTypeDropDown" class="select">
                            
                        </select>
                    </div>

Javascript

fetch('../svc/RegistrationForm.asmx/GetRegistrationType', {
    method: 'GET',
    credentials: 'same-origin',
    headers: {
        'Content-Type': 'application/json'
    }
}).then((response) => {
    types = response.json();
    
    for (const [ID, Name] of Object.entries(types)) {
        console.log(ID, Name);
        options += '<option value="' + ID + '" text="' + Name + '" />';
    }
    $('#registrationTypeDropDown').append(options);
  });

I've tried different ways of getting my results and nothing is working. When I run it it doesn't even hit my for loop. I'd appreciate it if someone can point out a better way of doing this or what I'm doing wrong.

enter image description here

Are you getting a response?

Jack
– Jack

2020-08-11 21:09:27 +00:00
Commented Aug 11, 2020 at 21:09 — Jack
– Jack, Commented Aug 11, 2020 at 21:09
Yes I am getting a response.

NewbieCoder
– NewbieCoder

2020-08-11 21:14:40 +00:00
Commented Aug 11, 2020 at 21:14 — NewbieCoder
– NewbieCoder, Commented Aug 11, 2020 at 21:14

Shubham Dixit · Accepted Answer · 2020-08-11 21:11:04Z

1

You are actually assigning Promise to the types variable try this. Also see using fetch api

fetch('../svc/RegistrationForm.asmx/GetRegistrationType', {
  method: 'GET',
  credentials: 'same-origin',
  headers: {
    'Content-Type': 'application/json'
  }
}).then(response => response.json()). // you are missing this line
then((response) => {
  types = response;

  for (const [ID, Name] of Object.entries(types)) {
    console.log(ID, Name);
    options += '<option value="' + ID + '" text="' + Name + '" />';
  }
  $('#registrationTypeDropDown').append(options);
});

answered Aug 11, 2020 at 21:11

Shubham Dixit

9,2685 gold badges32 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

NewbieCoder Over a year ago

Thank you that fixed the the issue getting values in the variable types but the Name constant in the for loop is defined as the array. How do I get the values from it.

Shubham Dixit Over a year ago

Can you post the response ??

NewbieCoder Over a year ago

I just posted the image from chrome dev tools in the original post. You see d is the ID const and Name is the Array.

Shubham Dixit Over a year ago

its tough to figure out like this can you post the data ,it would be verry easier

NewbieCoder Over a year ago

idRegistrationType registrationType 23 Reseller 24 Guest

Collectives™ on Stack Overflow

populating a dropdown from data in the database

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related