我一直在钻研这个 AJAX 自动填充功能一段时间,但没有成功。我的实现有点复杂,所以我在网上搜索了一个教程来逐步完成,我什至无法让它工作。我想如果我能得到一些帮助,让这个简单的例子(如下)工作,我可以扩大规模并根据需要实施。下面的代码:
HTML
<body>
<p>Select Dropdown</p>
<p>
<select id="selection">
<option value="">- Select Item Here -</option>
<option value="food">List of Food</option>
<option value="animals">List of Animals</option>
<option value="flowers">List of Flowers</option>
</select>
</p>
<p>DropDown Result</p>
<p>
<select id="selectionresult"></select>
</p>
<p id="result"> </p>
</body>
查询
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#selectionresult").hide();
$("#selection").change( function() {
$("#selectionresult").hide();
$("#result").html('Retrieving …');
$.ajax({
type: "POST",
data: "data=" + $(this).val(),
url: "demo/jquery-autopopulate-select-dropdown-box-response.php",
success: function(msg){
if (msg != ""){
$("#selectionresult").html(msg).show();
$("#result").html("");
}
else{
$("#result").html('<em>No item result</em>');
}
}
});
});
});
</script>
最后,PHP
<?php
$expectedValues = array(“food”, “animals”, “flowers”);
$selectionArr['food'] = array(‘pizza’, ‘spaghetti’, ‘rice’);
$selectionArr['animals'] = array(‘cat’, ‘dog’, ‘girrafe’, ‘pig’, ‘chicken’);
$selectionArr['flowers'] = array(‘rose’, ‘sampaguita’);
if (isset($_POST['data']) and in_array($_POST['data'], $expectedValues)){
$selectedArr = $selectionArr[$_POST['data']];
foreach($selectedArr as $optionValue){
echo '<option>' . $optionValue . '</option>';
}
}
?>
这段代码似乎一切正常,但在 selectionresult 选择器中仍然没有显示任何选项?
任何想法,先生们,并提前致谢。
我知道在你的帮助下我可以得到这个。