动态的AJAX下拉我有一个动态的Ajax下拉,取决于在前面的下拉列表中选择的值的变化值。我目前有它的工作,但由于某种原因,它只适用于我使用下拉类名称。当试图使用名称或id属性时,它停止工作。选择按名称或ID,而不是
我一直在使用#category获得由ID名称值尝试。
的Javascript
$(document).ready(function() {
$(".category").change(function() {
var id=$(this).val();
var dataString = 'id='+ id;
$.ajax
({
type: "POST",
url: "makes.php",
data: dataString,
cache: false,
success: function(html) {
$(".makes").html(html);
}
});
});
$(".makes").change(function() {
var id=$(this).val();
var dataString = 'id='+ id;
$.ajax
({
type: "POST",
url: "models.php",
data: dataString,
cache: false,
success: function(html) {
$(".models").html(html);
}
});
});
});
下拉HTML
<div class="col-lg-2 col-md-2 col-sm-3 col-xs-12">
<div class="select-dropdown">
<select class="category" name="category" id="category">
<option value="">All Vehicle Types</option>
<option value="Cars">Cars</option>
<option value="SUVs">SUVs</option>
<option value="Trucks">Trucks</option>
<option value="Motorcycles">Motorcycles</option>
</select>
</div>
</div>
<div class="col-lg-2 col-md-2 col-sm-3 col-xs-12">
<div class="select-dropdown">
<select class="makes" name="makes" id="makes">
<option value="" selected="selected">Any Make</option>
</select>
</div>
</div>
<div class="col-lg-2 col-md-2 col-sm-3 col-xs-12">
<div class="select-dropdown">
<select class="models" name="models">
<option value="" selected="selected">Any Model</option>
</select>
</div>
</div>
它工作正常 –