cari

Rumah >hujung hadapan web >tutorial js >Wilayah dan bandar tiga peringkat menu lungsur javascript version_javascript kemahiran

Wilayah dan bandar tiga peringkat menu lungsur javascript version_javascript kemahiran

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBasal
2016-05-16 15:45:491647semak imbas

Mencapai kotak senarai juntai bawah tiga peringkat untuk wilayah dan bandar, dan mencapai kesan kaitan.

Kaedah 1:

1. Lihat kod

<select class="prov" id="prov5" name="Province" data-code="@Model.Province">
</select>
<select class="city" id="city5" name="City" data-code="@Model.City">
</select>
<select class="dist" id="area5" name="Area" data-code="@Model.Area">
</select>
@Html.HiddenFor(m => m.Province)
@Html.HiddenFor(m => m.City)
@Html.HiddenFor(m => m.Area)

2.Panggilan JS

<script type="text/javascript">
var selectVa2 = new CitySelect({
data: data,
provId: "#prov5",
cityId: '#city5',
areaId: '#area5',
isSelect: true
});
</script>

3. Diimport js

<script src="@Url.Content("~/Themes/Admin/JS/jquery-1.4.4.min.js")" type="text/javascript"></script>

<script src="@Url.Content("/Themes/Admin/JS/city2.js")" type="text/javascript"></script>
<script src="@Url.Content("/Themes/Admin/JS/citySelect2.js")" type="text/javascript"></script>

Alamat muat turun pemalam 4.js

alamat muat turun pemalam js: http://files.cnblogs.com/files/weishuanbao/province and city.rar

Kaedah 2:

Kesannya dicapai berdasarkan wilayah yang dipilih dan bandar yang sepadan.

Berikut ialah kod HTML

<html> 
<body> 
<label for="select_city">城市</label> 
 
<div data-role="controlgroup" id="select_p_c_a" data-ajax="false"> 
 <select id="select_province"></select> 
 <select id="select_city"></select> 
 <select id="select_area"></select> 
</div> 
<script src="test.js"></script> 
</body> 
</html> 
 
<script> 
 region_init("select_province","select_city","select_area"); 
</script> 
</body> 
</html>

Berikut ialah kod js Kod ini agak panjang, terutamanya kerana ia mengandungi parameter penghitungan lengkap wilayah dan bandar China. Semua orang boleh menggunakannya juga. Terutamanya, jika anda ingin melaksanakan nilai lalai tersuai, anda perlu lulus enam parameter apabila memanggil kaedah region_init saya

Salin kod Kod adalah seperti berikut:

var region_init = function(_region_p, _region_c, _region_d, _region_p_default, _region_c_default, _region_d_default){……}

Tiga parameter pertama ialah ID bagi tiga kawalan senarai juntai bawah nilai pertama setiap senarai Jika anda ingin menetapkan Jika nilai lalai digunakan, nilai wilayah dan bandar yang sepadan perlu dihantar sepadan dengan tiga parameter ini. Nilai sepadan wilayah dan bandar terdapat dalam jenis penghitungan. Jika anda masih tidak faham, atau jika terdapat sebarang masalah dengan jenis penghitungan, sila berasa bebas untuk membincangkannya.

Berikut ialah kod test.js saya.

//省、市、区 
var region_init = function (_region_p, _region_c, _region_d, _region_p_default, _region_c_default, _region_d_default) { 
 var region_p = document.getElementById(_region_p); 
 var region_c = document.getElementById(_region_c); 
 var region_d = document.getElementById(_region_d); 
 
 function option_items_select(cmb, value) { 
  untuk (var i = 0; i
Kenyataan：
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
Artikel sebelumnya：localResizeIMG mula-mula memampatkan dan kemudian menggunakan ajax untuk memuat naik tanpa menyegarkan semula (terminal mudah alih)_kemahiran javascriptArtikel seterusnya：localResizeIMG mula-mula memampatkan dan kemudian menggunakan ajax untuk memuat naik tanpa menyegarkan semula (terminal mudah alih)_kemahiran javascript

Artikel berkaitan

Lihat lagi