Thứ Năm, 9 tháng 5, 2013

Link bằng form SELECT kết hợp javaScript


<script language="javascript" type="text/javascript">
<!--
function jump(form) {
var myindex=form.menu.selectedIndex
if (form.menu.options[myindex].value != "0")
{
window.open(form.menu.options[myindex].value, target="_top");
}
}
//-->
</script>
<form>
<select name="menu" onchange="jump(this.form)">
<option value="http://...">...</option>
<optgroup label="Nhóm 1">
<option value="http://...">...</option>
<option value="http://...">...</option>
<option value="http://...">...</option>
</optgroup>
<optgroup label="Nhóm 2">
<option value="http://...">...</option>
<option value="http://...">...</option>
<option value="http://...">...</option>
</optgroup>
<optgroup label="Nhóm 3">
<option value="http://...">...</option>
<option value="http://...">...</option>
<option value="http://...">...</option>
</optgroup>
</select>
</form>

Nếu không phải bất cứ link nào cũng target="_blank" thì bạn thay bằng đoạn javacript để đáp ứng 1 số link cá biệt:
<script language="javascript" type="text/javascript">
<!--
function jump(form) {
var myindex=form.menu.selectedIndex
if (form.menu.options[myindex].value != "0")
{
if (form.menu.options[myindex].value == "http://web.bendoi.vn/2013/01/tong-hop-css.html")
{window.open(form.menu.options[myindex].value, target="_top");}
else
{
window.open(form.menu.options[myindex].value, target="_blank");
}
}
}
//-->
</script>

Demo:
Thaotrinh!
Chủ đề: