ฉันพบว่าเว็บไซต์ http://ip.qq.com/ มีการเชื่อมโยง JS สามระดับของ QQ เองระหว่างจังหวัดและเทศบาล ดังนั้นฉันจึงค้นคว้ามัน อินเทอร์เฟซของเขามีดังนี้:
ทำไมไม่ใช้เพียงข้อมูล?
น่าแปลกที่ QQ ใช้ JS ภายนอกเพื่อให้ได้การเชื่อมโยงสามระดับ JS เป็นดังนี้: http://ip.qq.com/js/geo.js
วิธีใช้:
คัดลอกรหัสรหัสดังต่อไปนี้:
<!DOCTYPE html>
<html>
<หัว>
<title>QQ JS เชื่อมโยงสามระดับระหว่างจังหวัดและเทศบาล</title>
<!-- ใช้ข้อมูลจังหวัดและเมืองของ QQ โดยตรง -->
-
<script type="text/javascript" src="http://ip.qq.com/js/geo.js"></script>
-
<script type="text/javascript" src="geo.js"></script>
</หัว>
<body onload="setup();preselect('มณฑลส่านซี');promptinfo();">
<แบบฟอร์ม>
<select name="จังหวัด" id="s1">
<ตัวเลือก></ตัวเลือก>
</เลือก>
<select name="เมือง" id="s2">
<ตัวเลือก></ตัวเลือก>
</เลือก>
<select name="town" id="s3">
<ตัวเลือก></ตัวเลือก>
</เลือก>
<input id="address" name="address" type="hidden" value="" />
<input onclick="alert(document.getElementById('address').value); return false;" type="submit" value="ส่ง" />
</แบบฟอร์ม>
<สคริปต์>
//ฟังก์ชันนี้จำเป็นเนื่องจากฟังก์ชันนี้ถูกเรียกใช้ทุกครั้งที่มีการเปลี่ยนแปลงที่อยู่ใน geo.js
ฟังก์ชั่น promptinfo()
-
ที่อยู่ var = document.getElementById('address');
var s1 = document.getElementById('s1');
var s2 = document.getElementById('s2');
var s3 = document.getElementById('s3');
ที่อยู่.value = s1.value + s2.value + s3.value;
-
</สคริปต์>
</ร่างกาย>
</html>