久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

07
2019/09

如何利用下拉的onchange事件進(jìn)行跳轉(zhuǎn)

發(fā)布時(shí)間:2019-09-07 17:19:47
發(fā)布者:會(huì)飛的魚
瀏覽量:
0

今天文匯軟件小編來和大家分享一個(gè)前端下拉框的小技巧。

大家都知道在前端的控件中,select是沒有辦法控制的,像是在select里面添加元素也是根本不可能的事情。有些人會(huì)選擇采用div模擬,但是代碼量太大,小編不敢茍同。不過小編,意外發(fā)現(xiàn)了select的onchange事件,可以通過onchange事件和windows.location.href()或者windows.open(),話不多說,上代碼。

1.jpg

       

通過點(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)注小編吧。

關(guān)鍵詞:
返回列表