[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");