Мне нужно кормить города по стране отбора. Я сделал это программно, но понятия не имею, как помещать данные JSON в поле выбора. Я пробовал несколько способов использования jQuery, но никто из них не работал.
Ответ, который я получаю (я могу форматировать это по-другому, если это необходимо):
["<option value='Woodland Hills'>Woodland Hills<\/option>","<option value='none'>none<\/option>","<option value='Los Angeles'>Los Angeles<\/option>","<option value='Laguna Hills'>Laguna Hills<\/option>"]
Но как я могу поместить эти данные в качестве параметров внутри тега HTML <select></select>
?
Код, который я пробовал:
<form action="" method="post">
<input id="city" name="city" type="text" onkeyup="getResults(this.value)"/>
<input type="text" id="result" value=""/>
<select id="myselect" name="myselect" ><option selected="selected">blank</option></select>
</form>
</div>
<script>
function getResults(str) {
$.ajax({
url:'suggest.html',
type:'POST',
data: 'q=' + str,
dataType: 'json',
success: function( json ) {
$('#myselect').append(json);
}
});
};
$( '.suggest' ).keyup( function() {
getResults( $( this ).val() );
} );
</script>
Я также попытался использовать этот учебник по автозаполняющимся блокам выбора с использованием jQuery и AJAX, но это никогда не делало ничего, кроме заполнения моего выбора "UNDEFINED" для меня, хотя я получил ответ в формате, предложенном в учебнике.
<script type="text/javascript" charset="utf-8">
$(function(){
$("select#city").change(function(){
$.getJSON("/select.php",{id: $(this).val(), ajax: 'true'}, function(j){
var options = '';
for (var i = 0; i < j.length; i++) {
options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
}
$("select#myselect").html(options);
})
})
})
</script>