首頁 > 網際網路

JS實現下拉式選單賦值到文字方塊的聯動方法

2019-12-12 19:58:44

在做html頁面開發時,如果需要為下拉式選單和文字方塊做一個聯動,即改變下拉框的值時,把選中的值賦值到文字方塊裡,這個功能怎麼做?下面我們來看一下。

1

在html裡,我們有一個select下拉框,和一個輸入框,注意都有對應的id屬性的。


2

在jquery的ready方法裡,為下拉框新增一個change事件。


3

在change事件裡,先通過jquery的val方法,獲得下拉框選中的值。


4

然後把選中的值通過val方法賦值到文字方塊裏就可以了。


5

執行頁面,現在文字方塊的內容是空的。我們點選一下下拉框。


6

在下拉框選項裡,選中一個值,比如百度百科。


7

選中後,文字方塊裡的值就顯示對下拉框所選中的選項值了。



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