Trình menu thả xuống đơn giản với thẻ option

Ta sử dụng mã sau:<br /><div style="background: #F5FEFD; border: #38C8FC 1px solid; padding: 14px; width: 95%;"><form><br /><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><br /><br />   <option value=" Đường link mà bạn muốn dẫn tới"> Text link</option><br /></select><br /></form></div><br />Nó hiển thị như sau: <br /><div style="background: #F5FEFD; border: #38C8FC 1px solid; padding: 14px; width: 95%;"><form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1"><option selected="" value="0"> Tiêu đề do bạn ghi! </option><option value="http://www.hoahocnc.com"> Text link </option> </select></form></div><br />Chú thích:<br />- Size="1" : Chỉ có 1 lựa chọn đầu tiên được hiển thị.<br />- Size="n": Cho hiển thị n lựa chọn đầu tiên.<br />- Câu lệnh: <b><option value=0 <span style="color: blue;">selected</span>> Tiêu đề do bạn ghi! </option></b><br />+ Giá trị: <b><i>value=0</i></b> tức không có giá trị nào biểu thị đoạn text "<b>Tiêu đề do bạn ghi!</b> ", nói cách khác, đoạn text trên khi nhấn vào nó sẽ không hiện "link".<br />+ Thẻ: <b>selected </b>biểu thị, đoạn text trên được chọn để hiển thị.<br />- Câu lệnh: <span style="color: blue;"><option value=" Đường link mà bạn muốn dẫn tới"> Text link</option></span><br />Biểu thị khi nhấn vào đoạn "<b>text link</b>" link sẽ được hiển thị. <span style="background-color: #f5fefd;"><br /></span>Ví dụ 1: Chỉ cho 1 đường link.<br /><br />Ta sử dụng mã sau:<br /><div style="background: #F5FEFD; border: #38C8FC 1px solid; padding: 14px; width: 95%;"><form><br /><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><br /><br /><option value=0 selected>Nhấn vào trang chủ! </option><br /><br /><option value="<span style="color: blue;">http://www.hoahocnc.com/</span>">Trang chủ</option> </select><br /></form></div><div style="background: rgb(245, 254, 253); border: 1px solid rgb(56, 200, 252); padding: 14px; width: 620.344px;"><br /></div>Nó sẽ hiển thị như sau: <br /><div style="background: #F5FEFD; border: #38C8FC 1px solid; padding: 14px; width: 95%;"><form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1"><option selected="" value="0">Nhấn vào trang chủ! </option> <option value="http://www.hoahocnc.com/">Trang chủ</option> </select></form></div><br />Khi bạn chọn " Home12" , url <span style="background-color: #f5fefd;">"www.hoahocnc.com" sẽ được hiển thị trên tap mới.</span><br />==<br />Ví dụ 2: Cho nhiều đường link<br />Việc đưa ra nhiều đường link, chỉ việc nhân số code sau lên:<br /> <span style="background-color: #f5fefd;"><option value=" <b>Đường link mà bạn muốn dẫn tới"</b>> <span style="color: blue;"><b>Text link</b></span></option></span><br /><div><br /></div>Ở ví dụ dưới: Câu lệnh: <span style="color: blue;"><option value=0 selected <b>disabled </b> >Nhấn vào trang chủ! </option></span><br /><div>Thuộc tính: Disabled đã ẩn đoạn text "<span style="color: blue;">Nhấn vào trang chủ!</span><span style="color: blue;"> "</span> không cho bạn click vào.</div><div><br /><div style="background: #F5FEFD; border: #38C8FC 1px solid; padding: 14px; width: 95%;"><form><br /><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><br /><br /><option value=0 selected disabled  >Nhấn vào trang chủ! </option><br /><br /><span style="color: blue;"><option value="http://www.hoahocnc.com/">Trang chủ</option> </span><br /><span style="color: blue;"><option value="http://www.hoahocnc.com/">Trang chủ1</option></span><br /><span style="color: blue;"><option value="http://www.hoahocnc.com/">Trang chủ2</option></span><br /><span style="color: blue;"><option value="http://www.hoahocnc.com/">Trang chủ3</option></span><br /></select><br /></form></div><br />Và đây là kết quả <br /><div style="background: #F5FEFD; border: #38C8FC 1px solid; padding: 14px; width: 95%;"><form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1"> <option disabled="" selected="" value="0">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></div></div>

Trình menu thả xuống đơn giản với thẻ option

Ta sử dụng mã sau: <form> <select name="menu"      onchange="window.open(this.options[this.selectedIndex].value,...

Đọc thêm »