如何判斷select不給value屬性獲取對應的值顯示

2019-12-11 10:39:38

在jQuery中，如果下拉框select不給value屬性，獲取已經選中的值，得出的結果又是什麼呢？下面利用一個具體的範例，第一個下拉框option不給value屬性值，其他的選項給value值，獲取對應的值，操作如下：

第一步，雙擊開啟HBuilder編輯工具，新建一個靜態頁面，並插入jquery核心檔案，如下圖所示：

第二步，在<body></body>插入一個div標籤元素，然後在div標籤元素插入一個select下拉框元素，如下圖所示：

第三步，接著使用換行<br>，然後插入一個button查詢按鈕，如下圖所示：

第四步，在jQuery初始化函數內，新增按鈕點選事件，獲取下拉框選中的值，如下圖所示：

第五步，儲存程式碼並在瀏覽器中檢視介面顯示的效果，可以檢視到一個下拉框和按鈕，如下圖所示：

第六步，點選查詢按鈕，開啟瀏覽器控制台，檢視列印結果，如下圖所示：