Javascript Jquery Borrar todas opciones dentro de Select

Este pequeño Snippet de código te ayudará a eliminar TODOS los elementos dentro de un input de tipo select

Es poco común, lo sé, pero quizá algún día la requieran.


var removeAllOptionsSelect = function(element_class_or_id){
var element = $(element_class_or_id+" option");
$.each(element,function(i,v){
value = v.value;
$(element_class_or_id+" option[value="+value+"]").remove();
})
}

Solo tienes que correr
removeAllOptionsSelect(“#id_select”);

Función base_url() para javascript similar a la de codeigniter

Una de las funciones muy útiles del framework PHP Codeigniter es la de base_url(), la cual regresa una cadena con la url del proyecto.

Se me ocurrió hacer una similar para javascript.

Me es ideal para el tema de las rutas relativas al momento de hacer una patición $.ajax({}) o
$.post({})

function base_url() {
var base = window.location.href.split(‘/’);
return base[0]+’//’+base[2]+’/’;
}

Ejemplo

$.ajax({
type : “POST”,
url : “mi_modulo/get_informacion”,
data : base_url()+”marca=”+v,
dataType :”json”,
beforeSend:function() {/*Ingresa tus comentarios*/ },
success:function(respuesta){/*Recibe tu respuesta*/}
});

Usar Jquery para iterar sobre una respuesta Json

Supongamos que con $.ajax recuperas con Json el siguiente resultado
{“usuarios”:[“carlos”,”javier”,”151_img_0002.jpeg”,”cesar”}
Y necesitas iterar sobre esos resultados:

Lo puedes hacer con el siguiente código

$.each(datos.usuarios, function(key, valor) {
  console.log(key + valor)
})
Donde data.usuarios es el resultado del $.ajax:
Ejemplo
function stream()
{
 $.ajax({
                    dataType: ‘json’,
                    type: ‘POST’,
                    async: true,
                    data: {position:1,rand:Math.random()},
                    url: ‘mi_archivo.php’, success: function(datos)
              {
                         if(data.usuarios!=null)
                        {
                 $.each(datos.usuarios, function(key, valor) {
               alert(valor);
                 })
             }
       }
   });
}
Ahora si lo que necesitas es iterar sobre el resultado de arreglos que han sido regresados por Json en Jquery, puedes revisar este código 

Como iterar sobre arreglo Json recuperado con Ajax Jquery

Supongamos que el resultado del Json es el siguiente

[
{“MI_VAR_1″:5,”MI_VAR_2″:98,”MI_VAR_3″:”info1”},
{“MI_VAR_1″:26,”MI_VAR_2″:45,”MI_VAR_3″:”INFO2”},
{“MI_VAR_1″:34,”MI_VAR_2″:22,”MI_VAR_3″:”info33”}
]
$.post(“archivo.php”,{variable:parametro},
function(resultadoJson){

//Para poder iterar sobre sus valores, usamos la función $.each de jQuery
$.each(resultadoJson,function(indice)
{
console.log(resultadoJson[indice].MI_VAR_1);
console.log(resultadoJson[indice].MI_VAR_2);
console.log(resultadoJson[indice].MI_VAR_3);
});
});

Validar solo números enteros positivos con javascript

var patron = /^\d*$/; //Expresión regular para aceptar solo números enteros
var numero = 10; //Variable a analizar

// Este método regresa true si la cadena coincide con el patrón definido en la expresión regular
if (patron.test(numero)) {            
  alert(“Número es correcto”)
}else {
alert(“El número es incorrecto”);
}

Quitar acentos con Javascript

Recientemente tuve la necesidad de manejar cadenas con javascript, de tal forma que no contengan acentos.

Les comparto esta función Javascript para remover acentos y tildes de una cadena.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <!– Esto es muy importante–>
<title>Quitar acentos a cadena con Javascript</title>
<script>
function remover_acentos(str) {

var map={
À’:’A’,’Á’:’A’,’Â’:’A’,’Ã’:’A’,’Ä’:’A’,’Å’:’A’,’Æ’:’AE’,’Ç’:’C’,’È’:’E’,’É’:’E’,’Ê’:’E’,’Ë’:’E’,’Ì’:’I’,’Í’:’I’,’Î’:’I’,’Ï’:’I’,’Ð’:’D’,’Ñ’:’N’,’Ò’:’O’,’Ó’:’O’,’Ô’:’O’,’Õ’:’O’,’Ö’:’O’,’Ø’:’O’,’Ù’:’U’,’Ú’:’U’,’Û’:’U’,’Ü’:’U’,’Ý’:’Y’,’ß’:’s’,’à’:’a’,’á’:’a’,’â’:’a’,’ã’:’a’,’ä’:’a’,’å’:’a’,’æ’:’ae’,’ç’:’c’,’è’:’e’,’é’:’e’,’ê’:’e’,’ë’:’e’,’ì’:’i’,’í’:’i’,’î’:’i’,’ï’:’i’,’ñ’:’n’,’ò’:’o’,’ó’:’o’,’ô’:’o’,’õ’:’o’,’ö’:’o’,’ø’:’o’,’ù’:’u’,’ú’:’u’,’û’:’u’,’ü’:’u’,’ý’:’y’,’ÿ’:’y’,’Ā’:’A’,’ā’:’a’,’Ă’:’A’,’ă’:’a’,’Ą’:’A’,’ą’:’a’,’Ć’:’C’,’ć’:’c’,’Ĉ’:’C’,’ĉ’:’c’,’Ċ’:’C’,’ċ’:’c’,’Č’:’C’,’č’:’c’,’Ď’:’D’,’ď’:’d’,’Đ’:’D’,’đ’:’d’,’Ē’:’E’,’ē’:’e’,’Ĕ’:’E’,’ĕ’:’e’,’Ė’:’E’,’ė’:’e’,’Ę’:’E’,’ę’:’e’,’Ě’:’E’,’ě’:’e’,’Ĝ’:’G’,’ĝ’:’g’,’Ğ’:’G’,’ğ’:’g’,’Ġ’:’G’,’ġ’:’g’,’Ģ’:’G’,’ģ’:’g’,’Ĥ’:’H’,’ĥ’:’h’,’Ħ’:’H’,’ħ’:’h’,’Ĩ’:’I’,’ĩ’:’i’,’Ī’:’I’,’ī’:’i’,’Ĭ’:’I’,’ĭ’:’i’,’Į’:’I’,’į’:’i’,’İ’:’I’,’ı’:’i’,’IJ’:’IJ’,’ij’:’ij’,’Ĵ’:’J’,’ĵ’:’j’,’Ķ’:’K’,’ķ’:’k’,’Ĺ’:’L’,’ĺ’:’l’,’Ļ’:’L’,’ļ’:’l’,’Ľ’:’L’,’ľ’:’l’,’Ŀ’:’L’,’ŀ’:’l’,’Ł’:’L’,’ł’:’l’,’Ń’:’N’,’ń’:’n’,’Ņ’:’N’,’ņ’:’n’,’Ň’:’N’,’ň’:’n’,’ʼn’:’n’,’Ō’:’O’,’ō’:’o’,’Ŏ’:’O’,’ŏ’:’o’,’Ő’:’O’,’ő’:’o’,’Œ’:’OE’,’œ’:’oe’,’Ŕ’:’R’,’ŕ’:’r’,’Ŗ’:’R’,’ŗ’:’r’,’Ř’:’R’,’ř’:’r’,’Ś’:’S’,’ś’:’s’,’Ŝ’:’S’,’ŝ’:’s’,’Ş’:’S’,’ş’:’s’,’Š’:’S’,’š’:’s’,’Ţ’:’T’,’ţ’:’t’,’Ť’:’T’,’ť’:’t’,’Ŧ’:’T’,’ŧ’:’t’,’Ũ’:’U’,’ũ’:’u’,’Ū’:’U’,’ū’:’u’,’Ŭ’:’U’,’ŭ’:’u’,’Ů’:’U’,’ů’:’u’,’Ű’:’U’,’ű’:’u’,’Ų’:’U’,’ų’:’u’,’Ŵ’:’W’,’ŵ’:’w’,’Ŷ’:’Y’,’ŷ’:’y’,’Ÿ’:’Y’,’Ź’:’Z’,’ź’:’z’,’Ż’:’Z’,’ż’:’z’,’Ž’:’Z’,’ž’:’z’,’ſ’:’s’,’ƒ’:’f’,’Ơ’:’O’,’ơ’:’o’,’Ư’:’U’,’ư’:’u’,’Ǎ’:’A’,’ǎ’:’a’,’Ǐ’:’I’,’ǐ’:’i’,’Ǒ’:’O’,’ǒ’:’o’,’Ǔ’:’U’,’ǔ’:’u’,’Ǖ’:’U’,’ǖ’:’u’,’Ǘ’:’U’,’ǘ’:’u’,’Ǚ’:’U’,’ǚ’:’u’,’Ǜ’:’U’,’ǜ’:’u’,’Ǻ’:’A’,’ǻ’:’a’,’Ǽ’:’AE’,’ǽ’:’ae’,’Ǿ’:’O’,’ǿ’:’o’
};

var res=”; //Está variable almacenará el valor de str, pero sin acentos y tildes
for (var i=0;i<str.length;i++)
{
c=str.charAt(i);res+=map[c]||c;
}
return res;
}
alert(remove_accent(“ñ”));
</script>
</head>

<body>
</body>
</html>

Validar espacios en blanco con Javascript

En esta ocación les traigo el código para validar con Javascript y una expresión regular, que los usuarios no dejen campos vacíos en sus formularios.

<script >
var espacio_blanco    = /[a-z]/i;  //Expresión regular

var campo_validar = $(“#mi_campo”).val();  //Si usamos Jquery podemos obtener el valor con la siguiente línea.
var campo_validar = document.getElementById(“mi_campo”).value; //Si no usamos  jquery
if(!espacio_blanco.test(campo_validar ))
{
alert(“Error”)
}
</script>