Jquery 未捕获类型错误：无法读取属性'；添加'；空的

我一直在尝试在我正在构建的web应用程序中实现这段javascript。它应该从json文件中提取数据，然后使用选择器标记中的名称创建选项。在我的控制台中，我首先记录第一条数据。行“selector.add（option）；”然后返回“uncaughttypeerror:无法读取null的属性'add'

我之所以要经历这样的三层，是因为我访问的是阵列级别内的数据，我不知道如何以更好的方式进行访问）

有人知道怎么了吗

 $.getJSON( '../names.json', function( data ) {
      $.each( data, function( key, val) {
        $.each( val, function( key2, val2) {
            $.each( val2, function( key3, val3) {
                if (key3 == "name"){
                var selector = document.getElementById("in");
                var option = document.createElement("option") 
                  option.text = val3;
                  option.value = val3;
                  console.log(option);
                  selector.add(option);
                        };
                });
            });

     });
 });

---

请注意，

selector

和

option

变量都是DOM元素，但您将它们视为jQuery集合。考虑使用以下内容：

    if (key3 == "name"){
        var selector = $("#in");
        var option = $("option") 
        option.text( val3 );
        option.val( val3 );
        console.log(option);
        selector.add(option);
    }

---

var选择器=document.getElementById（“in”）是否存在具有此ID的元素？log（选择器）是否处于dom就绪状态？