ошибка скрипта из не отладки

-1

Держите получаю эту ошибку: Uncaught TypeError: Невозможно вызвать метод 'AppendChild' нулевых main.js: 2 makingMySelect main.js: 2 (анонимная функция) вот код:ошибка скрипта из не отладки

window.addEventListener("DOMContentLoaded", function(){ 

function $(x){ 
    var myElements = document.getElementById(x); 
    return myElements; 
} 
// create select field element and populate with options 
function makingMySelect(){ 
    var formTag = document.getElementsByTagName("form");// array 
    var selectLi = $("select"); 
    var makeSelect = document.createElement("select"); 
     makeSelect.setAttribute("id","peopleGoing"); 
    for(i=0,j=reservePeopleGoing.length;i<j;i++){ 
     var makeOption = document.createElement("option"); 
     var optText = reservePeopleGoing[i]; 
     makeOption.setAttribute("value", optText); 
     makeOption.innerHTML = optText; 
     makeSelect.appendChild(makeOption); 
    } 
    selectLi.appendChild(makeSelect); 
} 


var reservePeopleGoing = ["1","2","3","4","5"]; 
var placeToGo = ["Astrada's","AppleBees","Chili's","Outback","O'Charleys"] 
makingMySelect();

источник

2013-06-13 Brian Stacks

Можете ли вы использовать jQuery? –

Вам нужно отладить код. – SLaks

согласен с тем, что @SLaks нужно отлаживать, если вы получаете ошибку, он должен сообщать вам, где вы получаете ошибку, и это ключ к решению вашей проблемы. Удачи. – Ravish

Используйте проверку перед тем, как сделать эту часть:

if (selectLi) 
    selectLi.appendChild(makeSelect);

Таким образом, это проверяет, будь selectLi уже хорошо. Затем добавляет материал. Кроме того, вы уверены, что есть элемент с ID как select? Не путайте между тэгом. :)

Рабочий HTML код

Этот вопрос вы не имели элемент с id из select. Итак, я просто добавил этот код:

<div id="select"></div>

После регистрации ссылка и она работает. Наслаждаться. Полный код для справки.

<!doctype html> 
<html manifest="/cache.manifest"> 
    <head> 
     <meta charset="utf-8" /> 
     <meta keywords="Reserve,resteraunt,hotel" /> 
     <meta description="This app will let you reserve a spot at your favorite location" /> 
     <meta name="robots" content="index,follow" /> 
     <meta name="viewport" content="user-scalable=no, width=device-width" /> 
     <meta name="HandheldFriendly" content="True" /> 
     <meta name="MobileOptimized" content="320" /> 
     <meta name="viewport" content="target-densitydpi-dpi" /> 
     <link href="css/style.css" rel="stylesheet"/> 
     <title>Make My Reservation</title> 
    </head> 
    <body> 
     <header> 
      <div class="container"> 
       <h1>My Reservation App</h1> 
       <p>This app will let you make a reservation! </p> 
      </div> 
     </header> 
     <h3>Ready?</h3> 
     <p><a href= "addItem.html">Add A Reservation</a></p> 
     <div id="select"></div> 
    </body> 
    <footer> 
     <img src="img/Reservation_app_img.jpg"width= "100" height="100" title="Reservation Logo" /> 
     <p1>6-3-2013, Brian Stacks</p1> 
    </footer> 
    <script type="text/javascript" src="js/main.js"></script> 
</html>

источник

2013-06-13 14:54:52

Думаю, это говорит о том, что мой selectLi равен нулю? попытался исправить с ответом Правеена, но все равно понял, что это пусто. –

@BrianStacks. Можете ли вы сделать нам [скрипку] (http://jsfiddle.net) всего скрипта? –

https://github.com/b79789/Stacks_Brian_P1.git –

ошибка скрипта из не отладки

ответ

Смежные вопросы