ayuda al seleccionar el valor de una id en jquery

Enfermin · #1 (**permalink**) 15/04/2010, 16:31

holas quiero capturar el valor del id de un combo pero no lo logro esto es lo que intento hacer

Código Javascript:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
        $().ready(function(){
            
            $('#comparar').click(function(){
                var id = $('.cat').attr('id');
            /*  var id = $('.cat').attr('value'); <-- este si funciona*/
                alert(id); return false;
            }); 
        });
    </script>
    <title>Sin título 4</title>
</head>
 
<body>
 
<select class="cat">
<option value="off" selected="selected">-- Seleccionar --</option>
<option value="Uno" id="1">Numero 1</option>
<option value="Dos" id="2">Numero 2</option>
<option value="Tres" id="3">Numero 3</option>
<option value="Cuatro" id="4">Numero 4</option>
<option value="Cinco" id="5">Numero 5</option>
 
</select> <button id="comparar">Comparar datos</button>
 
</body>
</html>

lo raro es que si puede capturar el valor pero no el id del campo seleccionado, quien me hecha una mano

mayid · #2 (**permalink**) 15/04/2010, 18:34

Cita:

var id = $('.cat').attr('id');

Eso no funciona porque tu select no tiene definida una id.

Ademas, se presta a error, porque .cat puede haber muchas. En ese caso, conseguirias un array.

Te conviene mas esto:

$("select.cat")

O ponerle un id a tu select y elegirlo directamente

$("#sel")

Enfermin · #3 (**permalink**) 15/04/2010, 23:43

Cita:

Iniciado por mayid

Eso no funciona porque tu select no tiene definida una id.

Ademas, se presta a error, porque .cat puede haber muchas. En ese caso, conseguirias un array.

Te conviene mas esto:

$("select.cat")

O ponerle un id a tu select y elegirlo directamente

$("#sel")

gracias por tu respuesta, probe como me recomiendas pero aun asi me muestra y repite el valor del id del select y no del option

Código Javascript:

Ver original<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
        $().ready(function(){
            $('#comparar').click(function(){
                var id = $('#numeros').attr('id');
                alert(id); return false;
            }); 
        });
    </script>

Código HTML:

Ver original<select id="numeros">
<option value="off" selected="selected">-- Seleccionar --</option>
<option value="Uno" id="1">Numero 1</option>
<option value="Dos" id="2">Numero 2</option>
<option value="Tres" id="3">Numero 3</option>
<option value="Cuatro" id="4">Numero 4</option>
<option value="Cinco" id="5">Numero 5</option>
 
</select> <button id="comparar">Comparar datos</button>

como resultado me devuelve "numeros" ya que es el id del select, pero yo quiero que me devuelva el id de la categoria que elegi (1,2,3,4,5)

Dany_s · #4 (**permalink**) 16/04/2010, 04:40

y sí, porque estas seleccionando el select $('#numeros') y de eso recuperás el id .attr('id'), lo que tenés que hacer es seleccionar el select, luego acceder al option seleccionado y recuperar el id de ese option

Código Javascript:

Ver original$( function (){
            $('#comparar').click( function (){
                id = $('#numeros option:selected').attr('id');
                alert(id);
                return false;
            });
        });

Enfermin · #5 (**permalink**) 16/04/2010, 08:54

Cita:

Iniciado por Dany_s

y sí, porque estas seleccionando el select $('#numeros') y de eso recuperás el id .attr('id'), lo que tenés que hacer es seleccionar el select, luego acceder al option seleccionado y recuperar el id de ese option

Código Javascript:

Ver original$( function (){
            $('#comparar').click( function (){
                id = $('#numeros option:selected').attr('id');
                alert(id);
                return false;
            });
        });

wow me funciono

por ningun momento me dio la idea de hacerlo como indicas, muchas gracias amigo

Dany_s · #6 (**permalink**) 16/04/2010, 09:26

pasa que tenés que leer el código que escribis jeje

o sea

$('#numeros') //selecciono el elemento que tiene id numeros, o sea un select
.attr('id) // recupero el id

¿de quien recuperaste el id? del select, en ningún momento le indicaste algo del option