首頁 > 其他

js設定下拉框預設值

2019-12-12 20:13:42

在做頁面開發時,我們很多時候會使用到下拉框控制元件的,在下拉框裡,預設是第一個選項是它的預設值的。如果你想使用js來設定下拉框的預設值,怎麼設定?我們來看一下。

1

我們使用jquery來操作,因此先引入 對應的指令碼檔案。


2

在html裡,有一個select下拉框,下拉框裡有三個選項。


3

頁面下方有一個按鈕,按鈕有一個click事件,用來設定下拉框的預設值的。


4

建立事件的方法,在方法裡,我們先通過id獲得下拉框。


5

然後使用jquery的val方法來設定下拉框的值。輸入預設值對應的value值就行了,比如要設定第二項為預設值,我們就傳入對應的「百度知道」這個值。


6

執行頁面,頁面上的下拉框現在預設的值為第一項的值。


7

點選按鈕後,就會設定第二項為預設的值了。



IT145.com E-mail:sddin#qq.com