Ringkasan JQuery select (drop-down box) operation methods_jquery

WBOY
Lepaskan: 2016-05-16 16:04:00
asal
1265 orang telah melayarinya

1. Dapatkan item terpilih:
Dapatkan Nilai item yang dipilih:

Salin kod Kod adalah seperti berikut:

$('select#sel option:selected').val();

atau
Salin kod Kod adalah seperti berikut:

$('select#sel').find('option:selected').val();

Dapatkan nilai Teks item yang dipilih:
Salin kod Kod adalah seperti berikut:

$('select#seloption:selected').text();

atau
Salin kod Kod adalah seperti berikut:

$('select#sel').find('option:selected').text();

2. Dapatkan nilai indeks item yang dipilih sekarang:
Salin kod Kod adalah seperti berikut:

$('select#sel').get(0).selectedIndex;

3. Dapatkan nilai indeks maksimum bagi pilihan semasa:
Salin kod Kod adalah seperti berikut:

$('select#sel option:last').attr("index")

4. Dapatkan panjang Senarai Turun:
Salin kod Kod adalah seperti berikut:

$('select#sel')[0].options.length;

atau
Salin kod Kod adalah seperti berikut:

$('select#sel').get(0).options.length;

5. Tetapkan pilihan pertama sebagai nilai yang dipilih:
Salin kod Kod adalah seperti berikut:

$('select#sel option:first').attr('selected','true')

atau
Salin kod Kod adalah seperti berikut:

$('select#sel')[0].selectedIndex = 0;

6. Tetapkan pilihan terakhir sebagai nilai yang dipilih:
Salin kod Kod adalah seperti berikut:

$('select#sel option:last).attr('selected','true')

7. Tetapkan sebarang pilihan sebagai nilai yang dipilih berdasarkan nilai indeks:
Salin kod Kod adalah seperti berikut:

$('select#sel')[0].selectedIndex =nilai indeks=0,1,2....

8. Tetapkan pilihan dengan Nilai=4 sebagai nilai yang dipilih:
Salin kod Kod adalah seperti berikut:

$('select#sel').attr('value','4');

atau
Salin kod Kod adalah seperti berikut:

$("select#sel option[value='4']").attr('selected', 'true');

9. Pilihan Padam dengan Nilai=3:
Salin kod Kod adalah seperti berikut:

$("select#sel option[value='3']").remove();

10. Pilihan mana yang hendak dipadamkan:
Salin kod Kod adalah seperti berikut:

$(" pilih#sel pilihan ").eq(nilai indeks).buang(); nilai indeks=0,1,2....

Jika anda ingin memadamkan Radio ke-3:
Salin kod Kod adalah seperti berikut:

$(" pilih#sel option ").eq(2).remove();

11. Padamkan pilihan pertama:
Salin kod Kod adalah seperti berikut:

$(" pilih#sel option ").eq(0).remove();

atau
Salin kod Kod adalah seperti berikut:

$("select#sel option:first").buang();

12. Padamkan pilihan terakhir:
Salin kod Kod adalah seperti berikut:

$("select#sel option:last").remove();

13. Padam senarai jatuh turun:
Salin kod Kod adalah seperti berikut:

$("select#sel").remove();

14. Tambah pilihan selepas pilih:
Salin kod Kod adalah seperti berikut:

$("select#sel").append("f");

15. Tambahkan pilihan di hadapan pilihan:
Salin kod Kod adalah seperti berikut:

$("select#sel").prepend("");

16 Pilihan lintasan:
Salin kod Kod adalah seperti berikut:

$(' select#sel option ').setiap(fungsi (index, domEle) {
//Tulis kod
});
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan