El problema es que el id marc
no esta cargado en el DOM
cuando quieres usar tu función:
// No sabe la id #marc
$('#marc').on('change', function(){
var tipo = $(this).val();
alert(tipo);
});
function ajaxSelect(){
$('body').append('<select id="marc"><option value="">Selecciona</option><option value="1">1</option><option value="2">2</option></select>');
}
$('button').click(ajaxSelect);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button>Crear Ajax Select</button>
Lo que puedes hacer es una lo que te ha dicho @GustavoGarcia en el commentariocommentario o también puedes delegar
el evento:
// Delegamos el evento
$(document).on('change', '#marc', function(){
var tipo = $(this).val();
console.log(tipo);
});
function ajaxSelect(){
$('body').append('<select id="marc"><option value="">Selecciona</option><option value="1">1</option><option value="2">2</option></select>');
}
$('button').click(ajaxSelect);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button>Crear Ajax Select</button>