Könntest du mir vielleicht einen Beispielcode schreiben, wie das gehen könnte?
Der von mir gegebene Vorschlag betraf Javascript. Du erzeugst aber html. <http://de.selfhtml.org/html/formulare/auswahl.htm#listen_vorselektiert@title=Dann musst Du Dich an die für die in HTML geltenden Regeln halten>:
if(i != 1) {
eventSelect.append('<option value="' + i + '">' + data.events[i] + '</option>');
} else {
eventSelect.append('<option selected="selected" value="' + i + '">' + data.events[i] + '</option>');
Eine primitive Demo, ganz ohne jquery:
<html>
<form name="formular_1">
<select name="competitions">
<option value="1">Test</option>
</select>
<input type="button" value="Element hinzufügen" onclick="myOptionAdd(2,'Ha!')">
</form>
<script type="text/javascript">
function myOptionAdd(id,str) {
obj=document.forms['formular_1'].elements['competitions'];
// Löschen der Auswahl:
for (i=0; i<obj.lenght; i++) {
obj[i].selected=false;
}
//Neues Element ausgewählt einfügen
obj.innerHTML= obj.innerHTML + '<option selected="selected" value="'+id+'">'+str+'</option>';
}
</script>
</html>
Mit jquerry mag das jemand anders machen.