Javascript: ошибка, объект не является функцией

Question

У меня есть странный вопрос с этой очень небольшой код:

function autre(element) 
{ 
    if (element.value=="autre") 
    { 
     var inputText=document.createElement("input"); 
     inputText.setAttribute("type", "text"); 
     inputText.setAttribute("name", "autre"); 
     inputText.setAttribute("required", ""); 
     element.parentNode.appendChild(inputText);  
    } 
    else element.parentNode.removeChild(element.nextSibling); 
} 

и HTML

<select name="matiere" onchange="autre(this);"> 
    <option value="autre">Autre</option> 
    <option value="...">Some others options</option> 
</select> 

Wich создать входной текст, когда значение «Autre» выбора. Это хорошо работает. Но когда я снова меняю значение, я получаю странную ошибку: объект не является функцией.

Любая идея? ..

Редактировать: Проблема была в том, что ceakki упоминает имя функции. Благодаря! Спасибо всем за вашу помощь

Answer 1

Изменение имени в Autre() функции или нового созданного элемента < ввод name = "autre" .../>.

Кажется, что IE9 добавляет имя AUTRE из < ввода имени = «Autre» .../> к текущему объекту Window (или глобальному объекту).

В этом случае autre ссылается на новый созданный элемент, а не на вашу функцию.

Answer 2

Этот сценарий работает хорошо для меня http://jsfiddle.net/J7acJ/

Просто добавил EventListener

document.querySelector("select").addEventListener('change', function(){ 
    autre(this); 
})