Hvordan få ID-verdi i en Drop Down Bruke jQuery

Får verdien av ID for en drop-down boks på en webside krever bruk av "attr ()" -funksjonen når du programmerer i jQuery. Denne funksjonen vil få verdien av noen HTML-tag attributt. Du må kjøre denne funksjonen på "<Velg>" tag siden det er den koden som skaper drop-down bokser i HTML. Når du får verdien av ID du kan sende det til en del av din webside for å vise til brukeren eller se resultatet i løpet av dine testfaser.

Bruksanvisning

1 Åpne websiden i Notepad eller en kode editor og sjekk at siden din inneholder en referanse til jQuery biblioteket:

<Skriptkodene under jQuery referanse. Skriv en funksjon for å sjekke om siden ferdig lastet mellom "<script>" tags. Din jQuery script vil gå inn som funksjon:

<Script type = "text / javascript">

$ (Funksjon () {

});

</ Script>

3 Finn "Send" -knappen kode for skjemaet i din webside som inneholder rullegardin:

<Input type = "submit" value = "Get ID" id = "getvalue" />

Legg et ID-attributt til knappen kode hvis det ennå ikke inneholder ett.

4 Gå tilbake til manus og legge til en funksjon som vil kjøre når brukeren klikker på knappen:

$ (Funksjon () {

$ ( "# Getvalue"). Klikk (funksjon () {

});

});

Dette skriptet velger knappen ved sitt ID-navnet, så endrer "getvalue" med ID navn fra "Send" -knappen kode.

5 Deklarere en variabel i funksjonen utløses av klikkhendelsen. Gjør variabelen lik den ID funnet inne i "<Velg>" tag finnes i form. Denne koden vil gi deg ID-verdi for rullegardin:

Var verdi = $ ( "select") attr ( "id.");

Den "attr ()" -funksjonen i jQuery gir deg verdien av noen HTML-tag attributt, så bruker "id" inne i funksjonen får du ID-verdi. Dette skriptet bruker "velg" for å velge av "<Velg>" tag som skaper drop-down bokser i HTML.

6 Utgang variabelen til alle deler av websiden. For eksempel kan du lage en div på siden og gi den en ID navnet "resultater". Koden til utgang til "<div id = 'resultater'>" er:

. $ ( "# Resultater") tekst (idvalue);

I denne koden, er "idvalue" navnet på den variabelen du opprettet for å lagre ID-verdi, og det trenger ikke anførselstegn.

7 Legg til "return false;" til slutten av funksjonen for å holde formen fra å sende inn data eller videresende brukeren til en ny webside. Den endelige manuset ser slik ut:

$ (Funksjon () {

$ ( "# Getvalue"). Klikk (funksjon () {

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

$ ( "# Resultater") tekst (verdi).;

return false;

});

});