HTML:
<a onclick="funcion(this)" value="4">Un Nombre</a>
JAVASCRIPT:
<script>
function(elemento){
console.log(elemento.value);
}
</script>
esto me está devolviendo
undefined
HTML:
<a onclick="funcion(this)" value="4">Un Nombre</a>
JAVASCRIPT:
<script>
function(elemento){
console.log(elemento.value);
}
</script>
esto me está devolviendo
undefined
value=""
no es un attributo válido para un enlace (anchor).
La forma correcta sería agregar un atributo data-value
<a onclick="mifuncion(this)" data-value="4">Un Nombre</a>
Aquí puedes ver los atributos específicos soportados por <a>
: https://developer.mozilla.org/en/docs/Web/HTML/Element/a
También puedes ver los atributos globales que pueden ser incluidos en <a>
:
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes
Para obtener este atributo data-value
por medio de jQuery, podemos usar el método data() de jQuery pasando como parámetro el texto del nombre del atributo después de data-
, te falta además definir la función (el nombre):
<script>
function mifuncion(elemento) {
console.log($(elemento).data('value'));
}
</script>
Por medio de JavaScript vanilla es igual de fácil, con la diferencia que no hay una librería/framework externo, tan solo utilizamos la propiedad dataset y de nuevo el nombre del atributo después del texto data-
:
<script>
function mifuncion(elemento) {
console.log(elemento.dataset.value);
}
</script>
El tag <a>
no tiene un atributo value de forma estandar, puedes definirlo pero no es que cuente con uno
veras que el value no es un atributo valido, pero igual con jquery podrias implementar
$(function(){
$('a').click(function(e){
alert($(this).attr('value'));
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<a value="4">Un Nombre</a>
Hay que considerar:
<script>
debe estar accesible antes. Una forma fácil de solucionarlo es cargándolo en el <head>
.value
no es una propiedad que pertenezca a <a>
, por lo tanto, deberías recuperar el valor con .getAttribute()
.MostrarValor
.function MostrarValor(elemento){
console.log(elemento.getAttribute("value"));
}
<a onclick="MostrarValor(this);" value="4">Un Nombre</a>
De nuevo, cargándolo en el <head>
y definiendo un nombre para la función. Esta vez, usamos .attr()
:
function MostrarValor(elemento){
console.log($(elemento).attr("value"))
}
<!-- Ponemos la referencia a jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- Tu HTML -->
<a onclick="MostrarValor(this);" value="4">Un Nombre</a>