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