Melaksanakan pemalam pemilihan pakej seperti Taobao berdasarkan jQuery_jquery

Yang pertama ialah kod HTML halaman

Salin kod Kod adalah seperti berikut:

Panggilan tempatan

Kemudian panggil js

Salin kod Kod adalah seperti berikut:

/***************************************
* Buat lajur pilihan berdasarkan data json tempatan
**************************************/
var datanodes=[
{teks:"Piawaian rasmi",nilai:"1",selected:true},
{teks:"Pakej Satu",nilai:"2"},
{teks:"Pakej Dua",nilai:"3"},
{teks:"Pakej Tiga",nilai:"4"},
{teks:"Pakej Empat",nilai:"5"},
{teks:"Pakej Lima",nilai:"6"},
{teks:"Pakej Enam",nilai:"7"},
{teks:"Pakej Tujuh",nilai:"8"},
{teks:"Pakej lapan",nilai:"9"},
{teks:"Pakej Sembilan",nilai:"10"}
];
/**
* @type {mylist}
* @param className nama css lapisan sokongan bekas
* @param Fungsi panggil balik dipanggil selepas pengguna mengklik, disesuaikan oleh pembangun
,*/
var mylistobjLocal=new OptionList("testlocal","mycall");
mylistobjLocal.createListHtml(datanodes);
/************************************
* Buat lajur pilihan berdasarkan data json dari pelayan jauh *************************************
* Buat lajur pilihan berdasarkan data json dari pelayan jauh
* @type {mylist}
* @param className nama css lapisan sokongan bekas
* @param Fungsi panggil balik dipanggil selepas pengguna mengklik, disesuaikan oleh pembangun
,*/
var mylistobjAjax=new OptionList("testajax","mycall"); var url="http://127.0.0.1/option-jquery-dc/testJson.php
";
/**
* Buat senarai pilihan berdasarkan url
,*/
mylistobjAjax.createListHtmlForAjax(url);
/***
*Fungsi panggil balik apabila pengguna memilih pilihan
* @param result Mengembalikan parameter yang berkaitan bagi item yang sedang dipilih
,*/
var mycall=function(hasil){
alert("Anda memilih: " result.text ":" result.value);
}

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya