问问题
13139 次
1 回答
10
假设您的主要选择是这样的:
<select id="main_select">
<option value="car">Cars</option>
<!-- other options -->
</select>
而且您有一个容器,它应该根据所选选项显示详细信息
<div id="details">
<!-- the details options will be added here -->
</div>
您有一个 PHP 文件,它根据所选选项回显详细信息
<?php
$mainOption = $_POST['option'];
details($mainOption);
function details($opt)
{
if($opt == 'car')
echo '<select class="detail_select">
<option value="bmw">BMW</option>
<option value="ferrari">Ferrari</option>
<option value="porsche">Porsche</option>
</select>';
else if($opt == 'another_option')
{
echo 'other details';
}
}
?>
你的 Ajax 可以是这样的:
$(document).ready(function () {
$('#main_select').change(function(){
$.ajax({
url: "something.php",
type: "post",
data: {option: $(this).find("option:selected").val()},
success: function(data){
//adds the echoed response to our container
$("#details").html(data);
}
});
});
});
于 2013-08-02T04:33:58.293 回答