Home
> jQuery, Mini-tips, Programación, Web > Obtener valor(option) de elemento select al cambiar – jQuery
Obtener valor(option) de elemento select al cambiar – jQuery
HTML de ejemplo
<select id="mySelect">
<option value="1">option A</option>
<option value="2">option B</option>
</select>
<br/>
<span id="iSelected">Hola</span>
jQuery para conseguir el option recien seleccionado:
$('#mySelect').change(function(){
var $selectedOption = $(this).find('option:selected');
var selectedLabel = $selectedOption.text();
var selectedValue = $selectedOption.val();
$('#iSelected').text(selectedValue + ' - ' + selectedLabel);
});
Categories: jQuery, Mini-tips, Programación, Web
Coding like a Grekz | Uy turrun tun tun 
No me funciona….
Puedes postear tu código en http://jsfiddle.net y comenta aquí el link, y te digo que puede estar pasando. Saludos.
Hola, no veo en donde colocar el codigo PHP en esa pagina que me indicas
Bueno coloque solo el html con el js aqui esta el link
http://jsfiddle.net/artemisaix/ZrbNQ/
Perfecto, me funciono, solo tuve que eliminar el simbolo $ de la variable selectedOption.
Gracias, por el aporte…
me puedes ayudar con mi codigo de ejemplo porfavor,
$(‘#mySelect’).change(function(){
var selectedOption = $(this).find(‘option:selected’);
var selectedLabel = (selectedOption).text();
var selectedValue = (selectedOption).val();
$(‘#iSelected’).text(selectedValue + ‘ – ‘ + selectedLabel);
}).change();
option A
option B
Hola
</body
Hola, muchas gracias por el codigo, sencillo, rapido y entendible
salu2
no me resulta, me podrian ayudar porfavor ?
dejo el codigo donde lo estoy probando:
$(‘#mySelect’).change(function(){
var selectedOption = $(this).find(‘option:selected’);
var selectedLabel = (selectedOption).text();
var selectedValue = (selectedOption).val();
$(‘#iSelected’).text(selectedValue + ‘ – ‘ + selectedLabel);
}).change();
option A
option B
$(‘#mySelect’).change(function(){
var selectedOption = $(this).find(‘option:selected’);
var selectedLabel = (selectedOption).text();
var selectedValue = (selectedOption).val();
$(‘#iSelected’).text(selectedValue + ‘ – ‘ + selectedLabel);
}).change();
option A
option B
Hola
</body
$(‘#mySelect’).change(function(){
var selectedOption = $(this).find(‘option:selected’);
var selectedLabel = (selectedOption).text();
var selectedValue = (selectedOption).val();
$(‘#iSelected’).text(selectedValue + ‘ – ‘ + selectedLabel);
}).change();
option A
option B
Hola
</body
$(‘#mySelect’).change(function(){
var selectedOption = $(this).find(‘option:selected’);
var selectedLabel = $(selectedOption).text();
var selectedValue = $(selectedOption).val();
$(‘#iSelected’).text(selectedValue + ‘ – ‘ + selectedLabel);
}).change();