when i write options of the selectbox from different php page with jquery,it fails!

Question

Hi i am developing a web app.I am retrieving options of the select box from database and i want to write these records to selectbox.My page structure is like that:

main.php=>there is a selectbox in this page <select id="my_select"></select>

retrieve_data.php=>i make a ajax call to this page and this page gets the phone numbers from the db and responses the data to main.php.

i get the data from the retrieve_data.php but when wanted to write these response to selectbox it fails.only empty selectbox appears.

My response like his:<option>blabla</option>......

and i wrote it like this: $("#my_select").html(response);

i alerted the response before writing in to selectbox and it alerts right options but when i tried to write them into selectbox it fails.can anyone help me thanks for advance...

Answer 1

Using the jQuery .html() function is correct, but I need to see more code to understand your problem. Particularly what is response equal to? It looks like, as others have mentioned, that the response variable is coming back as JSON rather than a simple string. Can you post what it looks like when you do an alert(response);?

Answer 2

I'm going to go out on a limb and assume that the response is coming back in the form of a single member array. That would explain why the alert() shows the response, but it is not being inserted.

So, try this:

$("#my_select").html( response.join('') );

EDIT:

<option> tags in output were misspelled.

Answer 3

Could be this bug if you are using Explorer.