Estou fazendo um sistema em PHP e gostaria que ao selecionar pessoa física ou jurídica na combobox colocasse automaticamente a maskara em uma imput. Já pesquisei na net e os exemplo que tem utiliza a JQUERY-1.3.2.js, mas meu projeto está na JQUERY-2.0.3.min.js, porque meu template utiliza.
O meu problema ocorre quando eu seleciono Pessoa física na combobox com o value de "1" ocorre um erro de AddPlaceHolder.
segue o código que copiei de um exemplo:
<script src="js/jquery/jquery-2.0.3.min.js"></script>
<script>
function aplicaMascara(opcao) {
if (opcao == "1")
document.getElementById("cli_cnpcnpj").setAttribute("onclick","mascaraCPF()");
if (opcao == "2")
document.getElementById("cli_cnpcnpj").setAttribute("onclick","mascaraCNPJ()");
}
function mascaraCPF() {
$(document).ready(function(){
$(function(){
$.mask.addPlaceholder("~","[+-]");
$("#cli_cnpcnpj").mask("999.999.999-99");
});
});
}
function mascaraCNPJ() {
$(document).ready(function(){
$(function(){
$.mask.addPlaceholder("~","[+-]");
$("#cli_cnpcnpj").mask("99.999.999/9999-99");
});
});
}
<div class="col-md-2">
<label class="control-label" for="inputSuccess1">tp. Pessoa</label>
<select data-toggle="tooltip" data-placement="bottom" title="selecione o tipo de pessoa" class="form-control input-sm" id="cli_tppessoa" name="cli_tppessoa" onchange="aplicaMascara(this.value)" >
<option value="TT">[ --selecione o tp de pessoa-- ]</option> <option value="1">Pessoa Física</option>
<option value="2">Pessoa Jurídica</option>
</select>
</div>
Porém quando olho pela ferramenta do desenvolvedor no chrome aparece o seguinte erro: