今天文匯軟件小編來和大家分享一個(gè)前端下拉框的小技巧。
大家都知道在前端的控件中,select是沒有辦法控制的,像是在select里面添加元素也是根本不可能的事情。有些人會(huì)選擇采用div模擬,但是代碼量太大,小編不敢茍同。不過小編,意外發(fā)現(xiàn)了select的onchange事件,可以通過onchange事件和windows.location.href()或者windows.open(),話不多說,上代碼。
{list action=navigator type=4 pid=0}
{/list}
通過點(diǎn)擊下拉中當(dāng)前select的value來打開頁(yè)面
另外,這里要注意以下,這里使用的是onchange事件而不是onclick事件,因?yàn)閛nclick事件是說只要點(diǎn)擊了就會(huì)跳轉(zhuǎn),但是之后就沒有辦法執(zhí)行里面的值,頁(yè)面就會(huì)一直刷新,而onchange是指select的value值改變了之后跳轉(zhuǎn)指定鏈接。
好了,今天小編為大家分享的,如果大家覺得小編的分享很實(shí)用的話就來文匯軟件來關(guān)注小編吧。
上一篇: 如何獲取和刪除cookie
關(guān)鍵詞: