[SOLUCIONADO] Llamada funcion

[asf_il]

Buenos días,

tengo un select que tiene un botón para enviar un voto a un producto, y por otro lado tengo una función en jquery que debería llamarse al pulsar ese botón, anteriormente las opciones del combo las mostraba como lista y todo funcionaba correctamente, el problema es que al transformarlo a combo ya no...alguien puede ayudarme? Imagino que sea algo sencillo, pero tengo unos conocimientos limitadísimos... Aquí está mi código..GRACIAS!

Código PHP:

  <script type="text/javascript">
 
$(function() {
    
    $(".vote").click(function() 
    {
    
    var e = document.getElementById("#votocliente");
    var str = e.options[e.selectedIndex].text;
    
    alert("ESTO ES LO QUE LE LLEGAAAA"+str);
    
    var id = $(this).attr("id");
    var name = $(this).attr("name");
    
    var parametros = {
                "name" : name,
                "id" : id
        };
 
    var parent = $(this);
            $.ajax({
                type: "POST",
                url: "votado.php",
                data: parametros,
                cache: false,
 
                success: function(html)
                {
                parent.html(html);
                } 
                });
        
        
        return false;
        });
    });
    </script> 
  

Código PHP:

  <form id="form_<?php echo $row['id_plato'];?>" name="form_<?php echo $row['id_plato'];?>" method="POST" action="lista.php" >
            <select id='votocliente' name='votocliente'>
                <option class="voto" value="Excelente">Excelente</option>
                <option class="voto" value="Muy Bueno">Muy Bueno</option>
                <option class="voto" value="Bueno">Bueno</option>
                <option class="voto" value="Regular">Regular</option>
                <option class="voto" value="Malo">Malo</option>
                </select>
            <input type="button" name="vote" class="vote" value="Votar" onClick="alert('prueba') "/>  

[andresgarciadev]

hmm primero
si estas haciendolo con jquery mejor cambia

Código Javascript:

var e = document.getElementById("#votocliente");
    var str = e.options[e.selectedIndex].text; 
por
var e = $("#votocliente");
var str = e.val();
 

imagino que esto antes funcionaba dandole click a la lista no? y no a un boton ya que estas usando

Código Javascript:

$(this).attr("id")
 

para este caso tendrias q a los options añadirle el atributo id y name
te recomiendo q uses los atributo data
https://api.jquery.com/data/
asi por ejemplo en el option pones

Código HTML:

<option class="voto" value="Excelente" data-name="excelente">Excelente</option>
 

y para obtenerlo con jquery seria

Código Javascript:

$("#votocliente option:selected").data("name");