質問する
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 に答える