Javascript jqueryonchange函数在一个select上运行,ajax填充辅助select。如何更改回默认值?
我有两个选择元素。一个用于制造商,一个用于型号。制造商选择元素将通过ajax在更改时更新模型选择元素。我拥有的功能运行良好,但我希望添加功能,将模型选择元素更改回其默认值(选择模型…),并在主制造商选择元素设置回其默认原始值(选择制造商…)时禁用模型选择 制造商选择(主要)Javascript jqueryonchange函数在一个select上运行,ajax填充辅助select。如何更改回默认值?,javascript,jquery,Javascript,Jquery,我有两个选择元素。一个用于制造商,一个用于型号。制造商选择元素将通过ajax在更改时更新模型选择元素。我拥有的功能运行良好,但我希望添加功能,将模型选择元素更改回其默认值(选择模型…),并在主制造商选择元素设置回其默认原始值(选择制造商…)时禁用模型选择 制造商选择(主要) 选择制造商。。。 苹果 模型选择(辅助,通过ajax更新) 选择模型。。。 jQuery函数 $(document).ready(function () { $('select[name="input
选择制造商。。。
苹果
模型选择(辅助,通过ajax更新)
选择模型。。。
jQuery函数
$(document).ready(function ()
{
$('select[name="inputManufacturer"]').on('change',function(){
$('select[name="inputModel"]').prop('disabled', false);
var man_ID = $(this).val();
if(man_ID)
{
$.ajax({
url : 'add/' +man_ID,
type : "GET",
dataType : "json",
success:function(data)
{
console.log(data);
$('select[name="inputModel"]').empty();
$.each(data, function(key,value){
$('select[name="inputModel"]').append('<option value="'+ key +'">'+ value +'</option>');
});
}
});
}
else
{
$('select[name="inputModel"]').empty();
}
});
});
$(文档).ready(函数()
{
$('select[name=“inputManufacturer”]”)。在('change',function()上{
$('select[name=“inputModel”]”)。prop('disabled',false);
var man_ID=$(this.val();
如果(男/女身份证)
{
$.ajax({
url:'add/'+man_ID,
键入:“获取”,
数据类型:“json”,
成功:功能(数据)
{
控制台日志(数据);
$('select[name=“inputModel”]')。空();
$。每个(数据、函数(键、值){
$('select[name=“inputModel”]')。追加(''+value+'');
});
}
});
}
其他的
{
$('select[name=“inputModel”]')。空();
}
});
});
给出默认选项值=“0”
然后可以使用$('select[name=“inputModel”]').html('select model…')代码>而不是空的。然后禁用它
$(文档).ready(函数()
{
$('select[name=“inputManufacturer”]”)。在('change',function()上{
$('select[name=“inputModel”]”)。prop('disabled',false);
var man_ID=$(this.val();
如果(男人ID>0)
{
$('select[name=“inputModel”]”)。追加('Option1');
$('select[name=“inputModel”]”)。追加('Option2');
}
其他的
{
$('select[name=“inputModel”]').html('select model…');
$('select[name=“inputModel”]”)。prop('disabled',true);
}
});
});代码>
选择制造商。。。
苹果
选择模型。。。
这非常有效,看起来更干净,谢谢。记住我使用的是静态信息而不是ajax调用,如果有帮助,请验证答案。
<select name="inputModel" id="inputModel" class="form-control" disabled>
<option>Select model...</option>
</select>
$(document).ready(function ()
{
$('select[name="inputManufacturer"]').on('change',function(){
$('select[name="inputModel"]').prop('disabled', false);
var man_ID = $(this).val();
if(man_ID)
{
$.ajax({
url : 'add/' +man_ID,
type : "GET",
dataType : "json",
success:function(data)
{
console.log(data);
$('select[name="inputModel"]').empty();
$.each(data, function(key,value){
$('select[name="inputModel"]').append('<option value="'+ key +'">'+ value +'</option>');
});
}
});
}
else
{
$('select[name="inputModel"]').empty();
}
});
});