Bind dropdownlist menggunakan jquery. -
Dalam banyak situasi kita perlu mengikat drop down secara dinamis, misalnya. dari database atau lainnya. Jadi kita bisa menggunakan jquery untuk mengikat dropdown menggunakan loop for. Contohnya ditunjukkan di bawah ini
Sintaksis. -
$["#ddlID"].append[$[""].val[i].html[j]];
Contoh. -
Pindahkan Posisi Div
fungsi bind_ddl[]
{
$["#ddl_ID"]. kosong[];
untuk[var i=1;i p. Nilai == buah. FruitId. ToString[]];
jika [Item terpilih. = null]
{
item yang dipilih. Dipilih = benar;
ViewBag. Pesan = "Buah. " + item yang dipilih. Teks;
ViewBag. Pesan += "\\nQuantity. " + buah. Kuantitas;
}
kembali Lihat[buah];
}
pribadi statis Daftar PopulateFruits[]
{
Daftar item = new List[];
string constr = Pengelola Konfigurasi. ConnectionStrings["Constring"]. ConnectionString;
menggunakan [SqlConnection con = new SqlConnection[constr]]
{
string query = " SELECT FruitName, FruitId FROM Fruits";
menggunakan [SqlCommand cmd = new SqlCommand[query]]
{
cmd. Koneksi = con;
menipu. Membuka[];
menggunakan [SqlDataReader sdr = cmd. ExecuteReader[]]
{
sementara [sdr. Baca[]]
{
item. Tambahkan[baru SelectListItem
{
Teks = sdr["FruitName"]. ToString[],
Nilai = sdr["FruitId"]. ToString[]
}];
}
}
menipu. Menutup[];
}
}
pengembalian item;
}
}
Melihat
Di dalam View, pada baris pertama kelas FruitModel dideklarasikan sebagai Model untuk View
Tampilan terdiri dari Formulir HTML yang telah dibuat menggunakan HTML. Metode BeginForm dengan parameter berikut
ActionName – Nama Tindakan. Dalam hal ini namanya adalah Index
Nama Pengontrol – Nama Pengontrol. Dalam hal ini namanya Rumah
FormMethod – Ini menentukan Metode Formulir i. e. DAPATKAN atau POSTING. Dalam hal ini akan diatur ke POST
Formulir terdiri dari DropDownList, TextBox, dan Tombol Kirim
DropDownList dihasilkan menggunakan Html. Metode DropDownListFor Html Helper
Parameter pertama adalah ekspresi Lambda untuk menentukan properti yang akan menampung Nilai yang Dipilih dari DropDownList saat Formulir dikirimkan
Parameter kedua adalah properti kelas Model untuk mengisi DropDownList i. e. sumber datanya
Terakhir, parameter ketiga dan terakhir adalah teks Item Default dari DropDownList. Jika tidak ditentukan tidak akan ada item default di DropDownList
Ketika Tombol Kirim diklik, Formulir dikirimkan dan nilai Buah yang dipilih serta Kuantitas dikirim ke Pengontrol