Jquery

Scripts hechos con Jquery

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»);

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);
});
});

Como obtener el texto del option de un select con Jquery

Hola.

Hoy les traigo un tip para obtener el texto de la opción seleccionada de una etiqueta <select>.

Basta con utilizar el siguiente código:

var opcion_seleccionada = $(«#id_mi_select option:selected«).text();

Ahora, si lo que se quiere es obtener el valor de esa opción (<option value=»1″> Mi texto</option>)

podemos utilizar el siguiente código

var valor= $(«#id_select»).val();

 

Como usar ajax $.ajax con Jquery y PHP

En este breve tutorial les voy a explicar como utilizar la forma mas básica de AJAX con Jquery: $.ajax y enviar un grupo de variables a un archivo PHP, al igual que mostrar un indicador al usuario de que se está procesando su solicitud.

Paso 1.- Primero que nada debes incluir la librería de Jquery en tu página (ya sea HTML o PHP) por medio de una etiqueta <script>:
<script src=«http://code.jquery.com/jquery-1.5.js«></script>
Paso 2.- Ya teniendo la librería en nuestro página podemos ejecutar  $.ajax();
$.ajax se usa de la siguiente manera: Sigue leyendo →