首頁 > 網際網路

jquery如何獲取、設定、刪除下拉框選中值與文字

2019-12-11 23:11:32

jquery以其簡潔、易用、快速的特性,在大多數情況下已經取代了原生JavaScript對前台的操作。

本文就為您介紹如何通過jquery操作下拉框:

1)獲取下拉框的選中值、選中文字

2)根據值、文字設定選中項

3)根據值、文字刪除項

1

建立如下結構的測試檔案

     -- Content

         -- jquery-1.11.3.min.js

     -- JquerySelect.html


2

【獲取】下拉框【選中值】:使用【.val()】


3

【獲取】下拉框【選中文字】:使用【.find("option:selected").text()】


4

【獲取】下拉框選中項的【索引】:使用【.get(0).selectedIndex】

     此處注意selectedIndex,大小寫必須嚴格一致


5

通過【value】值【設定】下拉框的選中項:使用【.val("value值")】


6

通過【text】值【設定】下拉框的選中項,詳見截圖演示


7

通過【value】值【刪除】下拉框的一個選項,詳見截圖演示


8

通過【text】值【刪除】下拉框的一個選項,詳見截圖演示



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