« »

Đây là một trong những hiệu ứng tạo danh sách liên kết sử dụng trình đơn xổ dọc, ví dụ trong đoạn mã này là quốc gia, tiểu bang và thành phố. Khi người dùng chọn một quốc gia trong trình đơn đầu tiên thì các tiểu bang tương ứng của quốc gia được hiển thị trong trình đơn thứ hai và tương ứng là các thành phố cho trình đơn còn lại.

Bạn có thể tinh chỉnh tùy theo nhu cầu của mình, chảng hạn như dùng cho điện thoại: loại/hãng/mẫu hay sách: nhà xuất bản/tác giả/tựa.

Nhãn: danh sách chọn, liên kết, ba cấp, danh sách liên kết, trình đơn

Báo cho chúng tôi lỗi JavaScript này

Demo
Phóng to
Tải lại
Cửa sổ mới

Miễn phí web hosting 1 năm đầu tại iPage

Nếu bạn vẫn còn đang tìm kiếm một nhà cung cấp hosting đáng tin cậy, tại sao không dành chút thời gian để thử với iPage, chỉ với không quá 40.000 VNĐ/tháng, nhưng bạn sẽ được khuyến mãi kèm với quà tặng trị giá trên 10.000.0000 VNĐ nếu thanh toán cho 24 tháng ~ 900.000 VNĐ?

Có trên 1 triệu khách hàng hiện tại của iPage đã & đang hài lòng với dịch vụ, tuyệt đối chắc chắn bạn cũng sẽ hài lòng giống họ! Quan trọng hơn, khi đăng ký sử dụng web hosting tại iPage thông qua sự giới thiệu của chúng tôi, bạn sẽ được hoàn trả lại toàn bộ số tiền bạn đã sử dụng để mua web hosting tại iPage. Wow, thật tuyệt vời! Bạn không phải tốn bất kì chi phí nào mà vẫn có thể sử dụng miễn phí web hosting chất lượng cao tại iPage trong 12 tháng đầu tiên. Chỉ cần nói chúng tôi biết tài khoản của bạn sau khi đăng ký.

Nếu muốn tìm hiểu thêm về ưu / nhược điểm của iPage, bạn hãy đọc đánh giá của ChọnHostViệt.com nhé! Thử iPage miễn phí cho năm đầu tiên NGAY

Mã nguồn
JavaScript
HTML
In

Copy All x2

<script type="text/javascript">
<!--
/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Michael J. Damato :: http://developing.damato.net/ */

// State lists
var states = new Array();

states['Canada'] = new Array('Alberta','British Columbia','Ontario');
states['Mexico'] = new Array('Baja California','Chihuahua','Jalisco');
states['United States'] = new Array('California','Florida','New York');


// City lists
var cities = new Array();

cities['Canada'] = new Array();
cities['Canada']['Alberta']          = new Array('Edmonton','Calgary');
cities['Canada']['British Columbia'] = new Array('Victoria','Vancouver');
cities['Canada']['Ontario']          = new Array('Toronto','Hamilton');

cities['Mexico'] = new Array();
cities['Mexico']['Baja California'] = new Array('Tijauna','Mexicali');
cities['Mexico']['Chihuahua']       = new Array('Ciudad JuÃ¡rez','Chihuahua');
cities['Mexico']['Jalisco']         = new Array('Guadalajara','Chapala');

cities['United States'] = new Array();
cities['United States']['California'] = new Array('Los Angeles','San Francisco');
cities['United States']['Florida']    = new Array('Miami','Orlando');
cities['United States']['New York']   = new Array('Buffalo','new York');


function setStates() {
  cntrySel = document.getElementById('country');
  stateList = states[cntrySel.value];
  changeSelect('state', stateList, stateList);
  setCities();
}

function setCities() {
  cntrySel = document.getElementById('country');
  stateSel = document.getElementById('state');
  cityList = cities[cntrySel.value][stateSel.value];
  changeSelect('city', cityList, cityList);
}

function changeSelect(fieldID, newOptions, newValues) {
  selectField = document.getElementById(fieldID);
  selectField.options.length = 0;
  for (i=0; i<newOptions.length; i++) {
    selectField.options[selectField.length] = new Option(newOptions[i], newValues[i]);
  }
}

// Multiple onload function created by: Simon Willison
// http://simonwillison.net/2004/May/26/addLoadEvent/
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  setStates();
});
//-->
</script>

Copy All x2

<fieldset style="width: 230px;">
<legend><strong>Make your selection</strong></legend>
	<form name="test" method="post" action="processingpage.php">
	<table>
		<tbody>
			<tr>
				<td style="text-align: left;">Country:</td>
				<td style="text-align: left;">
					<select name="country" id="country" onchange="setStates();">
					  <option value="Canada">Canada</option>
					  <option value="Mexico">Mexico</option>
					  <option value="United States">United States</option>
					</select>
				</td>
			</tr>
			<tr>
				<td style="text-align: left;">State:</td>
				<td style="text-align: left;">
					<select name="state" id="state" onchange="setCities();">
						<option value="Alberta">Alberta</option>
						<option value="British Columbia">British Columbia</option>
						<option value="Ontario">Ontario</option>
					</select>
				</td>
			</tr>
			<tr>
				<td style="text-align: left;">City:</td>
				<td style="text-align: left;">
					<select name="city" id="city">
						<option value="Edmonton">Edmonton</option>
						<option value="Calgary">Calgary</option>
					</select>
				</td>
			</tr>
			</tbody>
		</table>
	</form>
</fieldset>

Lời bình (0)
Viết

bởi Xem

Hủy phản hồi

Viết lời bình của bạn

Lời bình của khách sẽ được xem xét
Cung cấp email thật để nhận các trả lời, nếu không bình luận của bạn sẽ bị xóa

Tên bạn *
Email của bạn^g *
~~Website của bạn~~

Tiêu đề bình luận

Tôi khẳng định 100% là người thực
Tôi lặp lại tôi không phải là công cụ máy

Lượt gửi (1)
Mới

BBCode
HTML
URL
JID

iPhoneKer.com
Save up to 630$ when buy new iPhone 15

GateIO.gomymobi.com
Free Airdrops to Claim, Share Up to $150,000 per Project

https://tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools

chatGPTaz.com, chatGPT4.win, chatGPT2.fun, re-chatGPT.com
Talk to ChatGPT by your mother language

Dall-E-OpenAI.com
Generate creative images automatically with AI

AIVideo-App.com
Render creative video automatically with AI

Cool Domains for Sale!

javascriptbank.com javascripton.com gomy.mobi gomymobi.com YeuNu.com CreditCard.rip eChainBank.com CTRCoin.com index.services this.bid choose.exchange pornID.net system.money war.money XMQV.com ABP3.com choose.works ChatTotal.com Card.rip CryptoKD.com ZWVQ.com CoinHolo.com ApexBTC.com ChainTutor.com

Ngày cập nhật:
Tác giả:
Lượt xem:
Lời bình:
Lượt đánh giá:
Lượt gửi:
Kích thước:
Thứ hạng:

14/04/2009
Michael J. Damato [more]
5,768
0
6
1
6.2 KBytes

JavaScript Danh sách chọn kiểu liên kết ba cấp - Ngôn ngữ: tiếng Việt

3.8/5 6 lượt đánh giá / 5,768 lượt xem / 0 lời bình 14/04/2009 ...JavaScript Danh sách chọn kiểu liên kết ba cấp - Danh sách chọn kiểu liên kết ba cấp - Ngôn ngữ: tiếng Việt

truongkt2002[13] bigbabyit ctbm03 Cao Phong vn2359[2] dantruongxp

Hãy là thành viên đầu tiên làm điều này

truongkt2002