Script ändern

[pikantes]

Hallo,
ich bin absoluter Neuling auf dem Gebiet JavaScript und Ajax. Habe auch nichts gefunden was mir weiter hilft.

Ich habe ein Formular daran ist der ui Datepicker angebunden wenn ich ein Datum auswähle, das geht wenn ich in ein Textfeld klicke wird im Hintergrund durch Ajax geprüft ob eine Veranstaltung zu dem Date vorhanden ist wenn ja wird sie ausgegeben.

ich möchte jetzt ein 2 Feld auswerten das Feld heißt Ort

dort möchte ich wenn jemand einen Ort reinschreibt auf gleich Art und Weise prüfen ob es eine Sporthalle in dem Ort gibt

Der Unterschied liegt also darin das beim Feld Date eine select stattfindet (datepicker) und beim ort was rein geschrieben wird

hier mein Skript für Date

Es wäre nett wenn mir jemand verrät was ich wie anpassen muss

Script:

$(function() {
		$( "#datepicker" ).datepicker({
			onSelect: function(dateString){
				$.ajax({
					type: 'POST',
					url: 'dates_v_ajax.php', //änderrung der php datei ist klar
					data: {date:dateString},
					success: function(data){
						data = $.parseJSON(data);
						if(data.success == 'true')
						{
							if(data.events.length > 0)
							{
								$('#veranstaltung-select-wrapper').show(0); //gendert auf #halle-select-wrapper
								
								$('#select-veranstaltung').html('');//gendert auf #select-halle
								$.each(data.events,function(index,item){
									$('#select-veranstaltung').append('<option value="'+item.id+'">'+item.titel+'</option>');//gendert auf #select-halle
								});
							}
							else
							{
								$('#veranstaltung-select-wrapper').hide(0);//gendert auf #halle-select-wrapper
							}
						}
					}
				});
			}
		});
	});
	
	</script>
	
	     <p><label>Datum:</label><input style="border:1px solid #b00; width: 308px;" type="text" id="datepicker">

Meine neue Scriptidee

$(function() {
		$( "#ort" ).datepicker({                                 //ich denke das muss geändert werden
			onSelect: function(dateString){            
				$.ajax({
					type: 'POST',
					url: 'ort_v_ajax.php',
					data: {date:dateString},
					success: function(data){                                            //ich denke bis hier sind die fehler
						data = $.parseJSON(data);
						if(data.success == 'true')
						{
							if(data.events.length > 0)
							{
								$('#ort-select-wrapper').show(0);
								
								$('#select-ort').html('');
								$.each(data.events,function(index,item){
									$('#select-ort').append('<option value="'+item.id+'">'+item.titel+'</option>');
								});
							}
							else
							{
								$('#ort-select-wrapper').hide(0);
							}
						}
					}
				});
			}
		});
	});
	
	</script>
	
	     <p><label>Ort:</label><input style="border:1px solid #b00; width: 308px;" type="text" id="ort">