select中option改變時跳轉到其他頁面

2021-07-15 03:03:24 字數 950 閱讀 9985

html**:

友誼鏈結

163flash8

js**:

效果以下圖:

原理是當select當選中的值改變的時候,獲得value值,使用open函式,跳轉到這個value所指定的url。

了解1下open函式:

window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, *******=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no')

window.open 彈出新視窗的命令;  

'page.html' 彈出視窗的檔名;  

'newwindow' 彈出視窗的名字(不是檔名),非必須,可用空''代替;  

height=100 視窗高度;  

width=400 視窗寬度;  

top=0 視窗距離螢幕上方的象素值;  

left=0 視窗距離螢幕左邊的象素值;  

*******=no 是不是顯示工具欄,yes為顯示;  

menubar,scrollbars 表示選單欄和轉動欄。  

resizable=no 是不是允許改變視窗大小,yes為允許;  

location=no 是不是顯示位址列,yes為允許;  

status=no 是不是顯示狀態列內的資訊(通常是檔案已開啟),yes為允許;  

js指令碼結束

select中option選項操作

一 jquery獲取select選擇的text和value 1 獲取select選擇的text var checktext jquery select id find option selected text 2 獲取select選擇的option value var checkvalue jque...

SELECT中OPTION元素的顯示隱藏

在chrome和firefox瀏覽器中,有兩種方式控制顯示隱藏。1 option元素的hidden屬性,true為隱藏,false為顯示 2 option元素的style.display設定為none則為隱藏 這兩種方式都可以通過js來控制。在ie中,很麻煩,上面兩種方式都不支援,目前的辦法是給外面...

JQ動態生成select中的option

jquery獲取select選擇的text和value 1.select id change function 為select新增事件,當選擇其中一項時觸發 2.var checktext select id find option selected text 獲取select選擇的text 3.v...