Skip to main content
replaced http://es.stackoverflow.com/ with https://es.stackoverflow.com/
Origen Enlace

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>

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 commentario 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>

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 commentario 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>

Origen Enlace
Black Sheep
  • 13.6k
  • 9
  • 38
  • 62

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 commentario 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>