jQuery selector for id starts with specific text

Nel caso che si ha necessità di selezionare tutti i controlli che iniziano con un determinato testo, cercando per id, utilizzando il simbolo capplletto ^ possiamo effettuare la ricerca per tutti quelli che iniziano con un determinato testo.

Qui di seguito un frammento di codice di ciò.

'[id^=NomeIdControllo]'

Jquery rilevare estensione file da tag input file

Il frammento di codice qui di seguito, illustra una tecnica di come rilevare se il file del tag input file corrisponde alle proprie esigenze oppure no.

Se per esempio dobbiamo verificare che il file è di tipo jpg o gif, con il frammento di codice qui di seguito viene verificato tale formato in tal caso visualizza un messaggio.

function Anteprima(Input) {

 var file = Input.files[0];

        if (file) {

 var Estensione = ['jpg', 'gif'];

            if ($.isArray(file.name.split('.').pop().toLowerCase(), Estensione)== -1) {

                Alert('File non valido.');

                return;

            }

     }

 }

Jquery rilevare il nome dell'elemento che ha il punto

Nel caso che vogliamo rilevare un elemento che ha il nome con un punto, per esempio nome.altronome in Jquery, dobbiamo utilizzare i doppi slash ossia \\.

Qui di seguito un frammento di codice.

$("#NomeElemento\\.NomeElemento").val();

jquery set value span

Il frammento di codice qui di seguito, illustra una tecnica di come impostare un valore in un tag "Span".

Può tornare utile utilizzare questi tag come segnalibri per impostare delle etichette di un testo rendendo il valore dinamico.

Tag HTML

"<span id="txtNomeSpan"></span>"

Jquery

 $('#txtNomeSpan').html(anno);

Asp.Net popolare un controllo Select tramite jQuery

Si riporta un esempio di codice che permette in Jquery il caricamento di un controllo Select da un Dictionary.

success: function (response) // Dati ricevuti
        {
            $.each(response, function (key, val) {
                var html = '<option value="' + key + '">' + val + '</option>'
                $("# DdlControllo ").append(html);
                
            })

        },

Asp.Net rilevare il valore di un controllo Select in Jquery nel momento in cui si seleziona

Il codice Jquery qui di seguito da utilizzare in Asp.Net, permette di rilevare l'evento di selezione in un controllo select o dropodownlist ed il relativo valore selezionato.

$(document).ready(function () {
 
    $("#DdlNomeControllo").change(function () {
        MiaFunzione(this.value);
      
    });
  

});

jquery invoke event click

 Il frammento di codice qui di seguito, illustra una tecnica di come invocare l'evento click di un controllo in JQuery.

$("#NomeControllo").trigger("click");

JQuery ottenere url elemento href element

 Il frammento di codice JQuery qui di seguito, illustra una tecnica di come rilevare da un tag di collegamento ipertestuale il relativo url.

 var href = $('#NomeTag').attr('href');

window.location.href = href;

 

Asp.Net Jquery ordinamento dropdowlist

 Nel caso che si vuole ordinare gli elementi di un controllo di tipo DropDownlist, ossia un Select, il frammento di codice qui di seguito illustra una tecnica in Jquery con la selezione al primo elemento.

  $("#NomeDropDownList").html($('#NomeDropDownListoption').sort(function (x, y) {

                return $(x).val() < $(y).val() ? -1 : 1;

            }))

            $("#NomeDropDownList").get(0).selectedIndex = 0;

Asp.Net C# Populating dropdownlist using Jquery

Il frammento di codice qui di seguito illustra una tecnica di come popolare un controllo dropodownlist tramite Jquery da un oggetto di tipo dictionary

success: function (response) // Dati ricevuti
        {
            $.each(response, function (key, val) {
                var html = '<option value="' + key + '">' + val + '</option>'
                $("#DdlControllo").append(html);
                
            })

        }

Jquery rilevare il valore delle righe

Il frammento di codice qui di seguito illustra una tecnica di come effettuare un ciclo su tutte le righe di una tabella e rilevare il valore delle caselle di testo che hanno id = nome e la tabella denominata "tabellaDati".



function GetValore() {


$('#tabellaDati').find('> tbody > tr').each(function () {

alert($(this).find('#nome').val());



});



} 

Jquery ottenere il totale delle righe di una tabella

In questo frammento di codice, otteniamo il totale delle righe di una tabella, in Jquery.

var totaleRighe = $('.NomeTabella').find('> tbody > tr').length;

how to set the value of selected option jquery

Il frammento di codice qui di seguito, permette di impostare il valore di una option in Asp.Net MVC Core tramite Jquery utilizzando il metodo Change.
Verrà selezionato il secondo elemento quello con id = 1.

 select class="SelectElenco" size="1" id="SelectElenco">
 option value="0">Luigi</option

option value="1">Emanuele/option>
option value="2">Marco</option

$("#SelectElenco").val("1").change();

Jquery convertire in intero

Nel caso che vogliamo convertire una variabile in intero, utilizzare la funzione parseInt.

Qui di seguito un esempio di codice

parseInt(13.56);

jquery select for name

Se vogliamo eseguire un metodo di una serie di controlli dello stesso tipo con lo stesso nome, il frammento qui di seguito illustra tale tecnica.

<table id="NomeTabella" name="tabella" class="Nome classe">
codice.....

In script
$('table[name$="tabella"]').Metodo();

jquery datepicker not editable input

Il frammento di codice qui di seguito, permette di disabilitare un controllo Datepicker, o meglio di far in modo che l'utente non ci può digitare all'interno.
Il tutto tramite la proprietà Readonly impostata a true.

Qui di seguito l'esempio.

<input type="text" id="datepicker" readonly="true">

Jquery rilevare il valore della select in Asp.Net MVC

Il frammento di codice qui di seguito, illustra una tecnica di come rilevare il valore di una select (option) da JQuery



 $('#NomeSelect').on('change', function () {
            alert(this.value);

        });

Jquery rimuovere elemento da array - jquery remove element array

Il frammento di codice qui di seguito, illustra una tecnica di come rimuovere un certo elemento da un array.
Tramite grep possiamo estrapolare un determinato elemento.

L'array che viene valorizzato tramite i valori dei checkbox selezionati, se è presente un certo valore (on) verrà rimosso.




var valoriSelezionati = new Array();
                $('table [type="checkbox"]').each(function (i, chk) {
                    if (chk.checked) {
                        valoriSelezionati.push(chk.value);
                    }
                });
                var removeElemento = "on";
                valoriSelezionati = jQuery.grep(valoriSelezionati, function (value) {
                    return value != removeElemento;
                });
                alert(valoriSelezionati.join(", "));

Jquery selezionare tramite click tutte le checkbox presenti nella tabella - Jquery Selecting Table Rows with Checkbox

Il frammento codice qui di seguito illustra una tecnica in Jquery, di come tramite il click su un checkbox seleziona in automatico tutti i vari check presenti nelle singole righe.

Qui di seguito la tabella:

 table id="TabellaDati">
        <thead>

            <tr>
                <th>
                    <input type="checkbox" id="selectAll" />
                </th>
                <th>Id</th>
                <th>titolo</th>

            </tr>
        </thead>
         tbody>
            @foreach (var item in Model)
            {
                 tr data-id="@item.Id" name="@item.IdChiave">
                    <td class="cb"><input type="checkbox" value=@item.IdChiave></td>
                 
                     td>@item.Testo</td

                </tr>
            }
        </tbody>
    </table>


Mentre qui di seguito lo script Jquery per selezionare tutti i check quando si fa click sul check in alto (selectAll).

 $(document).ready(function () {
            $('#selectAll').click(function (e) {
                var table = $(e.target).closest('table');

                $('td input:checkbox', table).prop('checked', this.checked);
            });

        });

Jquery rilevare il valore dei checkbox selezionati - Jquery to get table row values of selected checkboxes

Il frammento di codice qui di seguito, illustra una tecnica di come rilevare il valore dei checkbox presenti in un table html che sono selezionati.

var valoriSelezionati = new Array();
                $('table [type="checkbox"]').each(function (i, chk) {
                    if (chk.checked) {
                        valoriSelezionati.push(chk.value);
                    }
                });
alert(valoriSelezionati.Join(", "));