Php 简单jquery级联选择
我有以下代码:Php 简单jquery级联选择,php,javascript,jquery,html,mysql,Php,Javascript,Jquery,Html,Mysql,我有以下代码: <script type="text/javascript"> $(document).ready(function(){ $("select#type").attr("disabled","disabled"); $("select#model").attr("disabled","disabled"); $("select#category").change(function(){ $("se
<script type="text/javascript">
$(document).ready(function(){
$("select#type").attr("disabled","disabled");
$("select#model").attr("disabled","disabled");
$("select#category").change(function(){
$("select#type").attr("disabled","disabled");
$("select#type").html("<option>Please wait...</option>");
var id = $("select#category option:selected").attr('value');
$.post("../select_type.php", {id:id}, function(data){
$("select#type").removeAttr("disabled");
$("select#type").html(data);
});
});
$("select#type").change(function(){
$("select#model").attr("disabled","disabled");
$("select#model").html("<option>Please wait...</option>");
var id2 = $("select#type option:selected").attr('value');
$.post("../select_model.php", {id2:id2}, function(data){
$("select#model").removeAttr("disabled");
$("select#model").html(data);
});
});
$("form#select_form").submit(function(){
var cat = $("select#category option:selected").attr('value');
var type = $("select#type option:selected").attr('value');
var model = $("select#model option:selected").attr('value');
if(cat>0 && type>0 && model >0)
{
var model = $("select#model option:selected").html();
var type = $("select#type option:selected").html();
$("#result").html('<br>Your choice: ' + type + ' ' + model + '.');
}
else
{
$("#result").html("<br>You have to fill every field!");
}
return false;
});
});
它是一个三级级联下拉菜单系统,使用PHP从数据库中获取数据。我的问题是,每当我到达第三级大陆->国家->城市,例如,我改变大陆到其他一些或没有选择其他2级不会重置。当大陆选择输入未选择任何值时,它们应处于非活动状态并重置。我如何解决这个问题?在$selectcategory.change中也禁用/清空模型,并在执行ajax请求和启用类型选择之前检查所选值。我不能,因为我使用PHP从数据库获取数据。../select_model.PHP和../select_type.PHP数据来源,此脚本仅加载them@egyeneskanyar只需创建虚拟值