jQuery更新html中的内容

Question

I use jquery ajax to get data from the PHP file.

data = <option>Peter</option><option>Maria</option>

I want to then use jquery to put this data after the first option

<select>
   <option>Name</option>
</select>

I cant use html() on select because then the first option will be deleted. what jquery function can I use to put them after the first one?

EDIT: i cannot use append because then when i make another request and the data is:

data = <option>Michael</option><option>Erik</option>

Peter and Maria will still be in the Select list. how can I do? I have tried to have a

<div id=addhere></div>

after the first option and then use html() but it doesn't work. Weird. how can I solve this?

Answer 1

EDIT: Changing my response to answer your question after you've updated it...

So lets say you return the following via AJAX:

data = "<option>Michael</option><option>Erik</option>";

Then, you can merely update that data, and use html()

data = "<option>Name</option>" + data;
$("#selectToModify").html(data);

Here is the old answer, just for your reference:

$("#divToAddTo").append(data);

html() will replace the innerHTML of an element. append() will append whatever data to the end of the innerHTML.