JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.andrewd.com.br/web-files/js/jquery.mascara.js"></script>
<select name="opt_tipo_contato[]" id="opt_tipo_contato_0">
    <option value="1">CEP</option>
    <option value="2">TELEFONE</option>
</select>
<input type="text" name="inp_tipo_contato[]" id="inp_tipo_contato_0" />

<br />

<select name="opt_tipo_contato[]" id="opt_tipo_contato_1">
    <option value="1">CEP</option>
    <option value="2">TELEFONE</option>
</select>
<input type="text" name="inp_tipo_contato[]" id="inp_tipo_contato_1" />

<br />
<select name="opt_tipo_contato[]" id="opt_tipo_contato_2">
    <option value="1">CEP</option>
    <option value="2">TELEFONE</option>
</select>
<input type="text" name="inp_tipo_contato[]" id="inp_tipo_contato_2" />

<br />
<select name="opt_tipo_contato[]" id="opt_tipo_contato_3">
    <option value="1">CEP</option>
    <option value="2">TELEFONE</option>
</select>
<input type="text" name="inp_tipo_contato[]" id="inp_tipo_contato_3" />

<br /> <br />

Classe cep = mascara cep: <input type="text" name="avulso" class="cep" />

JavaScript

$("select[name='opt_tipo_contato[]']").change(function(){
   
    value_tipo_contato  = $(this).val();
    id_opt_contato      = $(this).attr('id');
    
    if(value_tipo_contato === false)
        return false;
    
    opt_valor = id_opt_contato.split("_");
    input_id  = 'inp_tipo_contato_'+opt_valor[3];
  
    
    switch( value_tipo_contato )
    {
        case '1':
            $( input_id ).addClass("cep");
        break;
        case '2':
            $( input_id ).addClass("telefone");
        break;
    }

});

jQuery(function($m){
    $m(".cep").mask("99.999-999");
    $m(".fone").mask("(99) 9999-9999");
});