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