如何用jquery實現全選input裡的內容

2019-12-12 18:43:42

在jquery中，全選一個input輸入框的內容，一般使用select()方法，下面以點選按鈕，全選input內容並彈窗顯示選中的內容為例，講解select()方法的使用。

新建一個html檔案，命名為test.html，用於講解如何用jquery實現全選input裡的內容。

在test.html頁面，使用script標籤載入jquery.min.js檔案，成功載入該檔案才能使用jquery裡的select()方法。

在test.html頁面，建立一個input輸入框，輸入框預設內容為「小明」，同時建立一個「全選內容」按鈕，用於觸發選擇輸入框的內容。

在test.html頁面，使用jquery方法獲得button按鈕物件，並給它繫結點選事件，當按鈕被點選時，執行function函數的功能程式碼。

在function函數內，獲得input物件，通過select()方法全選input輸入框的內容，程式碼如下：

上一步input全選內容後獲得的物件，通過val()方法獲得全選的內容，使用alert()方法彈窗顯示選中的內容。

在瀏覽器開啟test.html頁面，點選「全選內容」按鈕，檢視是否獲得input內的所有內容。