Ottenere il valore dell'ID per una casella di elenco a discesa in una pagina Web richiede l'uso della funzione "attr()" durante la programmazione in jQuery. Questa funzione ottiene il valore di ogni attributo di tag HTML. È necessario eseguire questa funzione sul tag "< select >" dato che questo è il tag che crea discesa scatole in HTML. Una volta che si ottiene il valore dell'ID è possibile output ad una parte della pagina Web per mostrare all'utente o vedere il risultato durante la fasi di collaudo.

Istruzioni

1

Aprire la pagina Web in blocco note o un editor di codice e verifica che la tua pagina include un riferimento alla libreria jQuery:

< script tag sotto il riferimento di jQuery. Scrivere una funzione per verificare se la pagina è terminato il caricamento tra i tag "< script >". Il tuo script jQuery andrà all'interno di tale funzione:

< script type = "text/javascript" >

$(function() () {

});

< / script >

3

Individuare il codice del pulsante "Invia" per il modulo nella pagina Web che contiene la casella a discesa:

< input type = "submit" value = "Ottieni ID" id = "getvalue" / >

Aggiungere un attributo ID per il codice del pulsante se non contiene ancora uno.

4

Tornare allo script e aggiungere una funzione che verrà eseguita quando l'utente fa clic sul pulsante:

$(function() () {

$("#getvalue").click (function () {

});

});

Questo script consente di selezionare il pulsante con il nome di ID, quindi modificare "getvalue" con il nome di ID dal codice del pulsante "Invia".

5

Dichiarare una variabile all'interno della funzione attivata dall'evento click. Rendere la variabile uguale all'ID trovato all'interno del tag "< select >" trovato nel modulo. Questo codice vi darà il valore di ID della casella a discesa:

valore di var = $("select").attr("id");

La funzione di "attr()" in jQuery ti dà il valore di ogni attributo di tag HTML, quindi utilizzando "id" all'interno della funzione si otterrà il valore ID. Questo script utilizza "select" per selezionare il tag "< select >" che consente di creare caselle di riepilogo in formato HTML.

6

Uscita la variabile a qualsiasi parte della pagina Web. Ad esempio, si può creare un div nella pagina e dargli un nome ID di "risultati". Il codice per l'output "< div id = 'risultati' >" è:

$("#results").text(idvalue);

In questo codice, "idvalue" è il nome della variabile creata per memorizzare il valore di ID, e non ha bisogno di citazioni.

7

Aggiungere "return false;" alla fine della funzione per mantenere il modulo da inviare dati o inoltro all'utente di una nuova pagina Web. Lo script finale è simile al seguente:

$(function() () {

$("#getvalue").click (function () {

var value = $("select").attr("id");

$("#results").text(value);

return false;

});

});