Chỉ cần sử dụng một đoạn mã JavaScript đơn giản, bạn có thể tạo một Menu sổ dọc tự động dẫn đến các liên kết mỗi khi người dùng chọn các tùy chọn.
Trước hết, đặt đoạn mã dưới đây vào phần đầu của trang web, giữa các thẻ <head>, </head>.
<script language="javascript">
<!-- A the script from old browsers --
function goto(form) { var index=form.select.selectedIndex
if (form.select.options[index].value != "0") {
location=form.select.options[index].value;}}
//-->
</script>
<!-- A the script from old browsers --
function goto(form) { var index=form.select.selectedIndex
if (form.select.options[index].value != "0") {
location=form.select.options[index].value;}}
//-->
</script>
Bước tiếp theo là đặt code HTML tại vị trí muốn tạo Menu như bên dưới.
<form name="form1">
<select name="select" onchange="goto(this.form)" size="1">
<option value="">-------Please choice-------
<option value="#">Title for item # 1</option>
<option value="#">Title for item # 2</option>
<option value="#">Title for item # 3</option>
<option value="#">Title for item # 4</option>
<option value="#">Title for item # 5</option>
<option value="#">Title for item # 6</option>
</select>
</form>
<select name="select" onchange="goto(this.form)" size="1">
<option value="">-------Please choice-------
<option value="#">Title for item # 1</option>
<option value="#">Title for item # 2</option>
<option value="#">Title for item # 3</option>
<option value="#">Title for item # 4</option>
<option value="#">Title for item # 5</option>
<option value="#">Title for item # 6</option>
</select>
</form>
Bạn cần thay đổi các Tile for item tương ứng với tên menu con tùy chọn và đặt URL tương ứng cho các tùy chọn đó.
No comments:
Post a Comment