首頁 > 網際網路

select onchange方法觸發js方法

2019-12-12 13:43:16

在做頁面開發時,經常會使用到select下拉選擇框的,如何為這個select新增一個onchange方法?在onchange方法裡,還要呼叫觸發一個js方法,下面來看一下是如何設定的。

1

在html裡,先建立一個select下拉框控制元件。


2

要新增onchange事件,我們直接在控制元件上新增對應的事件就行了。


3

接著是新增事件的函數。在這個函數裡,我們利用jquery來獲得下拉框選擇的值,然後輸出到瀏覽器控制台上。


4

另外建立一個方法,給下拉框onchange時呼叫。方法邏輯現在也很簡單,主要輸出引數傳進來的值。


5

呼叫這個方法很簡單,直接在事件函數方法裡呼叫就行了。


6

執行頁面,我們修改一下下拉框的值,比如選擇「百度知道」。


7

選擇後,我們在瀏覽器的控制台可以看到輸出的內容了。



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