[SOLUCIONADO] Uncaught ReferenceError: is not defined

[Jose789]

Hola buenos días, pues hoy andaba haciendo un "Sistema de Tag" para los usuarios de mi comunidad. Actualmente tengo echo esto funciona perfecto pero quiero recibir el valor del input para poder hacer las consultas necesarias para borrar dicho tag.

Código Javascript:

$('#search-field').keypress(function(event) {
                if (event.which == '13') {
                    if ($(this).val() != '') {
                        $('<li class="addedTag">' + $(this).val() + '<span class="tagRemove" onclick="$(this).parent().remove().borrar(' + $(this).val() +');">x</span><input type="hidden" value="' + $(this).val() + '" name="tags[]"></li>').insertBefore('.tags .tagAdd');
                        $(this).val('');
                        console.log('add tag');
                    }
                }
            });
function borrar(tag) {
   var tag = $(this).val();
    alert(tag);
  }
 

Código HTML:

<ul class="tags">
            
                        <li class="tagAdd taglist">  
                             <input type="text" id="search-field" placeholder="Añadir tags">
                        </li>
    </ul>
 

Espero que me puedan echar una mano, Gracias de antemano.

[diurno10]

Primero, en la funcion borrar vos estas utilizando el puntero $(this) , pero este ya esta fuera del scope, por lo tanto no existe mas.
Segundo, en la funcion borrar podras utilizar el parametro tag.
Ahora mi consulta es vos necesitas el valor del span o li o del input ?, porque el input en ese momento esta vacio.

[Jose789]

Iniciado por diurno10

Primero, en la funcion borrar vos estas utilizando el puntero $(this) , pero este ya esta fuera del scope, por lo tanto no existe mas.
Segundo, en la funcion borrar podras utilizar el parametro tag.
Ahora mi consulta es vos necesitas el valor del span o li o del input ?, porque el input en ese momento esta vacio.

Hola.

Necesito el valor del input. el span es la X para eliminar ese tag no se si me explico.

[Jose789]

Acabo de modificar lo siguiente. pero me da el siguiente error Uncaught SyntaxError: Unexpected string

Código Javascript:

$('<li class="addedTag">' + $(this).val() + '<span class="tagRemove" onclick="$(this).parent().remove().borrar(#tag-'+$(this).val()');>x</span><input type=hidden" value="' + $(this).val() + '" id="tag-'+ $(this).val() + '" name="tags[]"></li>').insertBefore('.tags .tagAdd');
 

[diurno10]

La verdad no se para que necesitas al valor del input search, pero en fin yo haria esto:

[diurno10]

function borrar(tag) {
//console.log(tag.parent().text());
var v_search = $('search-field').val();
$(tag).parent().remove();
}


$('#search-field').keypress(function(event) {
if (event.which == '13') {
if ($(this).val() != '') {
$('<li class="addedTag">' + $(this).val() + '<span class="tagRemove" onclick="return borrar($(this))">x</span><input type="hidden" value="' + $(this).val() + '" name="tags[]"></li>').insertBefore('.tags .tagAdd');
$(this).val('');

}
}
});

[Jose789]

El valor lo necesito puesto a que hare una consulta para borrar ese tag de ese usuario, dentro de la función borrar

Código Javascript:

$.ajax({
                type: "POST",
                data: "tag="+v_search,
                url: "procesos/remove_tag.php",
            });
 

pero el valor v_search me lo da como undefined

[Jose789]

Ya esta solucionado. Gracias diurno10 por su colaboración :)

[diurno10]

esta bien, te da undifined porque vos en la function borrar le estas pasando el puntero $(this), si le haces un console.log en la function vas a ver que es el span y no el input.
Por lo tanto cuando le pedis el attribute val, te dice q es undifined xq el padre del span es un li y dispone de ese attribute.
En fin, si necesitas hacer eso no hace falta ni que llames a la funcion, podes hacer todo como esta menos esto
onclick="return borrar($(this))"
luego lo que podes hacer es:
$('span.tagRemove').on("click",function(){
var v_search = $(this).parent().text();
$.ajax({
type: "POST",
data: "tag="+v_search,
url: "procesos/remove_tag.php",
});
});