调用函数的代码:
<select id="selectWarrior_1" name="warrior_1" onclick="return selectWarriors()">
<option selected="selected">----Select----</option>
</select>
功能代码:
function selectWarriors() {
$.ajax({
url: "display_warriors.php",
datatype:"json",
success: function(data) {
var toAppend = '';
if(typeof data === "object"){
for(var i=0;i<data.length;i++){
var warrior = data[i];
toAppend += '<option>'+data[i]['warrior_name']+'</option>';
}
$("#selectWarrior_1 select").append(toAppend);
}
}
});
return false;
}
我的php代码:
<?php
header("Content-Type: application/json");
include 'functions/class.php';
$db = new DB();
$result = $db->getWarriors();
$warriors = array();
foreach($result as $names){
$warriors[] = $names;
}
echo json_encode($warriors);
?>
我该怎么解决这个问题?为什么不填充我的选择选项呢?我检查了json,它有值。
请原谅间距,但我实际上只会使用jquery,而不会混淆函数之间的传递(如果异步重新填充内容,这可能会在以后造成问题)。
$(function(){
$('#selectWarrior_1').bind('click',function(){
if ( $(this).data('warriors-loaded') ) { return; }
var self = $(this);
$.ajax({
url: "display_warriors.php",
datatype:"json",
success: function(data) {
if (! typeof data == 'object') return false;
$.each(data, function(i,e) {
self.append( $('<option>' + e['warrior_name'] + '</option>') );
}
self.data('warriors-loaded',true);
}
});
});
});
您的选择器不正确
更改$("#selectWarrior_1 select")
至$("#selectWarrior_1")
井
输入类型select没有onclick事件。请改用onChange或onFocus事件。此外,您不希望在调用函数时使用return。在您的场景中,使用return
似乎毫无用处。还要注意您使用的选择器。
您需要将data
视为json对象:
function selectWarriors() {
$.getJSON('display_warriors.php', function(data) {
var toAppend = '';
$.each(data, function(key, val) {
toAppend += '<option>'+val+'<'/option>';
});
$("#selectWarrior_1").append(toAppend);
});
}