javascript - 无法在单个页面的 div 标签上加载不同的 html

Question

我有一些疑问，我有选择选项，在那个选择选项上我有不同的选项当我点击它时，它会加载那个 HTML 文件，它适用于两个选项，但对于第三个选项它效果不佳，单击第二个选项时会出现错误，例如“未捕获的类型错误:无法读取未定义的属性‘is’”

这是我的代码

$(function() {
  $('#type').change(function() {
    if ($('#type').val() == 'a') {
      
        $('#loadCheckHere').load('./templates/a.html');
      }
    } else if ($('#type').val() == 'b') {
 
        $('#loadCheckHere').load('./templates/b.html');
      
    } else {
      alert('select properly');
      $('#loadCheckHere').load('./templates/c.html');
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="type" id="type" style="margin-left:57px;width:180px;">
 <option name="" value="">Select Asset Recovery</option>
 <option name="a" value="a">Add A</option>
 <option name="b" value="b">Add B</option>
 <option name="c" value="c">Add C</option>
</select>

<!--This is div tag,Here only I'm loading different html-->
<div id="loadCheckHere" style="background-color:white"></div>

Answer 1

我添加了一个plunker，看看吧

Plunker link

我觉得一切都很好

$(function() {
  $('#type').change(function() {
    if ($('#type').val() == 'a') {

      $('#loadCheckHere').load('a.html');

    } else if ($('#type').val() == 'b') {

      $('#loadCheckHere').load('b.html');

    } else {
      //alert('select properly');
      $('#loadCheckHere').load('c.html');
    }
  });
});