Operasi Jquery menambah, memadam, mengubah suai dan menyemak select_jquery

Anda tidak boleh lari daripada empat operasi tradisional: tambah, padam, ubah suai dan semak.

[Ditambah]:

Salin kod Kod adalah seperti berikut:

$("#select_id").append("Teks"); //Tambahkan Pilihan (item lungsur) ke Pilih
$("#select_id").prepend("Sila pilih"); //Masukkan Pilihan (kedudukan pertama) untuk Pilih

[Dipadamkan]:

Salin kod Kod adalah seperti berikut:

$("#select_id option:last").remove(); //Padamkan Pilihan dengan nilai indeks terbesar dalam Pilih (yang terakhir)
$("#select_id option[index='0']").remove(); //Padamkan Pilihan (pertama) dengan nilai indeks 0 dalam Pilih
$("#select_id option[value='3']").remove(); //Padamkan Pilihan dengan Nilai='3' dalam Pilih
$("#select_id option[text='4']").remove(); //Padamkan Pilihan dengan Text='4' dalam Pilih
$("#select_id").kosong(); //Kosong

[Tukar](Tetapkan item yang dipilih):

Salin kod Kod adalah seperti berikut:

$("#select_id ").get(0).selectedIndex=1; //Tetapkan item dengan Pilih nilai indeks 1 untuk memilih
$("#select_id ").val(4); //Tetapkan nilai Pilih kepada 4 untuk memilih item
$("#select_id option[text='jQuery']").attr("selected", true); //Tetapkan nilai Teks bagi Pilih kepada item jQuery yang dipilih

[Semak](Dapatkan nilai yang dipilih):

1. Dapatkan nilai item yang dipilih

Salin kod Kod adalah seperti berikut:

$("#select_id").val(); //Dapatkan nilai item yang dipilih
$("#select_id ").get(0).selectedIndex; //Dapatkan nilai indeks item yang dipilih
$("#select_id").find("option:selected").text(); //Dapatkan teks item yang dipilih
$("#select_id option:last").attr("index"); //Dapatkan nilai indeks maksimum Pilih

Sampel kod dilampirkan Fungsi kod adalah untuk menukar bilangan hari dalam pilihan "Hari" mengikut "Tahun" dan "Bulan" yang dipilih.

Ditulis dalam php, lalai $("select.day") pada mulanya mempunyai 31 hari, kerana lalai ialah Januari:

Salin kod Kod adalah seperti berikut:

//Tahun
untuk ($tahun = 1990; $tahun <= tarikh("Y"); $tahun) {
?>
            
}
?>

Salin kod Kod adalah seperti berikut:

//month
untuk ($bulan = 1; $bulan <= 12; $bulan) {
?>
            
}
?>

Salin kod Kod adalah seperti berikut:

//Hari
untuk ($hari = 1; $hari <= 31; $hari) {
?>
            
}
?>

kod jquery:

Salin kod Kod adalah seperti berikut:

$(dokumen).sedia(fungsi() {
$("select.month, select.year").change(function() { //Perubahan dalam "tahun" dan "bulan" boleh menyebabkan perubahan dalam "hari"
$("select.day").empty(); //Sangat penting, kosongkan dahulu
untuk (var i = 1; i < 31; i ) {
                var option = $("").val(i).text(i);
                $("select.day").tambah(pilihan);
}
         var month = $("select.month").val();
Jika ((bulan % 2 && bulan < 8) || (bulan % 2 === 0 && bulan > 7)) {
                  $("select.day").append("31"); //Tambahkan pilihan
jika bilangan hari ialah 31 hari }
Jika (bulan === 2) {
                $("pilihan hari pilihan:terakhir").buang();
                $("select.day option:last").remove(); //Bilangan hari dalam bulan Februari ialah 28
          var year = $("select.year").val();
Jika ((tahun % 4 === 0 && tahun % 100) || tahun % 400 === 0)
                   $("select.day").append("29"); //Tambahkan satu pada bilangan hari pada bulan Februari dalam tahun lompat
}
});
});

Di atas adalah ringkasan pelaksanaan jQuery untuk menambah, memadam, mengubah suai dan menyemak operasi pilihan saya harap anda akan menyukainya.