Esse é um comportamento peculiar do navegador. Dentro dos eventos de cada elemento como onclick
e onchange
, algumas variáveis são inicializadas implicitamente pelo navegador, como as variáveis event
, arguments
, e uma outra variável como o mesmo id do elemento, no seu caso, teste
.
Você tem um elemento e uma função com o nome teste
, e dentro do onchange
daquele elemento, teste
se refere ao elemento, não a função, por isso invocar teste( this.value )
resulta num erro, pois teste
não é uma função. Repare que o código funciona se a função tiver outro nome:
function testeFunc(valor) {
console.log('Função foi invocada recebendo o valor', valor)
}
#quantdependente {
display: none;
}
<html>
<body>
<form id="formulario" name="formulario" action="montadependente.php" method="post">
<select name="teste" id="teste" onchange="testeFunc( this.value );">
<option value="1">1</option>
<option value="2">2</option>
<option value="novo">novo</option>
</select>
<div id="quantdependente" name="quantdependente">
<input type="number" value="" step="1">
</div>
<input type="submit" name="btenviar" value="enviar">
</form>
</body>
</html>
Uncaught TypeError: teste is not a function
, isto porque ele criou um elemento com oid="teste"
, o que conflita com a função chamadafunction teste(valor)
, pois é algo comum em navegador usarem IDs do DOM como variaveis globais do objetowindow.
, como foi explicado em pt.stackoverflow.com/q/123098/3635