Ta sử dụng mã sau:
Nó hiển thị như sau:
Chú thích:
- Size="1" : Chỉ có 1 lựa chọn đầu tiên được hiển thị.
- Size="n": Cho hiển thị n lựa chọn đầu tiên.
- Câu lệnh: <option value=0 selected> Tiêu đề do bạn ghi! </option>
+ Giá trị: value=0 tức không có giá trị nào biểu thị đoạn text "Tiêu đề do bạn ghi! ", nói cách khác, đoạn text trên khi nhấn vào nó sẽ không hiện "link".
+ Thẻ: selected biểu thị, đoạn text trên được chọn để hiển thị.
- Câu lệnh: <option value=" Đường link mà bạn muốn dẫn tới"> Text link</option>
Biểu thị khi nhấn vào đoạn "text link" link sẽ được hiển thị.
Ví dụ 1: Chỉ cho 1 đường link.
Ta sử dụng mã sau:
Nó sẽ hiển thị như sau:
Khi bạn chọn " Home12" , url "www.hoahocnc.com" sẽ được hiển thị trên tap mới.
==
Ví dụ 2: Cho nhiều đường link
Việc đưa ra nhiều đường link, chỉ việc nhân số code sau lên:
<option value=" Đường link mà bạn muốn dẫn tới"> Text link</option>
Ở ví dụ dưới: Câu lệnh: <option value=0 selected disabled >Nhấn vào trang chủ! </option>
Và đây là kết quả
<form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu> <option value=0 selected> Tiêu đề do bạn ghi! </option>
<option value=" Đường link mà bạn muốn dẫn tới"> Text link</option>
</select>
</form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu> <option value=0 selected> Tiêu đề do bạn ghi! </option>
<option value=" Đường link mà bạn muốn dẫn tới"> Text link</option>
</select>
</form>
Nó hiển thị như sau:
Chú thích:
- Size="1" : Chỉ có 1 lựa chọn đầu tiên được hiển thị.
- Size="n": Cho hiển thị n lựa chọn đầu tiên.
- Câu lệnh: <option value=0 selected> Tiêu đề do bạn ghi! </option>
+ Giá trị: value=0 tức không có giá trị nào biểu thị đoạn text "Tiêu đề do bạn ghi! ", nói cách khác, đoạn text trên khi nhấn vào nó sẽ không hiện "link".
+ Thẻ: selected biểu thị, đoạn text trên được chọn để hiển thị.
- Câu lệnh: <option value=" Đường link mà bạn muốn dẫn tới"> Text link</option>
Biểu thị khi nhấn vào đoạn "text link" link sẽ được hiển thị.
Ví dụ 1: Chỉ cho 1 đường link.
Ta sử dụng mã sau:
<form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option value=0 selected>Nhấn vào trang chủ! </option>
<option value="http://www.hoahocnc.com/">Trang chủ</option> </select>
</form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option value=0 selected>Nhấn vào trang chủ! </option>
<option value="http://www.hoahocnc.com/">Trang chủ</option> </select>
</form>
Khi bạn chọn " Home12" , url "www.hoahocnc.com" sẽ được hiển thị trên tap mới.
==
Ví dụ 2: Cho nhiều đường link
Việc đưa ra nhiều đường link, chỉ việc nhân số code sau lên:
<option value=" Đường link mà bạn muốn dẫn tới"> Text link</option>
Thuộc tính: Disabled đã ẩn đoạn text "Nhấn vào trang chủ! " không cho bạn click vào.
<form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option value=0 selected disabled >Nhấn vào trang chủ! </option>
<option value="http://www.hoahocnc.com/">Trang chủ</option>
<option value="http://www.hoahocnc.com/">Trang chủ1</option>
<option value="http://www.hoahocnc.com/">Trang chủ2</option>
<option value="http://www.hoahocnc.com/">Trang chủ3</option>
</select>
</form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option value=0 selected disabled >Nhấn vào trang chủ! </option>
<option value="http://www.hoahocnc.com/">Trang chủ</option>
<option value="http://www.hoahocnc.com/">Trang chủ1</option>
<option value="http://www.hoahocnc.com/">Trang chủ2</option>
<option value="http://www.hoahocnc.com/">Trang chủ3</option>
</select>
</form>
Và đây là kết quả
Nếu cần thêm nút Xem mới có thể chuyển trang thì làm sao bạn
Trả lờiXóa