Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jqueryonchange函数在一个select上运行,ajax填充辅助select。如何更改回默认值?_Javascript_Jquery - Fatal编程技术网

Javascript jqueryonchange函数在一个select上运行,ajax填充辅助select。如何更改回默认值?

Javascript jqueryonchange函数在一个select上运行,ajax填充辅助select。如何更改回默认值?,javascript,jquery,Javascript,Jquery,我有两个选择元素。一个用于制造商,一个用于型号。制造商选择元素将通过ajax在更改时更新模型选择元素。我拥有的功能运行良好,但我希望添加功能,将模型选择元素更改回其默认值(选择模型…),并在主制造商选择元素设置回其默认原始值(选择制造商…)时禁用模型选择 制造商选择(主要) 选择制造商。。。 苹果 模型选择(辅助,通过ajax更新) 选择模型。。。 jQuery函数 $(document).ready(function () { $('select[name="input

我有两个选择元素。一个用于制造商,一个用于型号。制造商选择元素将通过ajax在更改时更新模型选择元素。我拥有的功能运行良好,但我希望添加功能,将模型选择元素更改回其默认值(选择模型…),并在主制造商选择元素设置回其默认原始值(选择制造商…)时禁用模型选择

制造商选择(主要)


选择制造商。。。
苹果
模型选择(辅助,通过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();
           }
        });
});