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

新建一個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內的所有內容。

0 條評論