jquery擷取選中的文本和值
1、說明
（1）擷取select下拉框選中的索引
$("#selection").get(0).selectedIndex;
（2）擷取select下拉框選中的值
$("#selection option:selected").val();
（3）擷取select下拉框選中的文本
$("#selection option:selected").text();
2、實現源碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jQuery擷取選中的文本和值</title><script type="text/javascript" src="../Documents/未命名網站 2/jquery-1.11.0.js"></script><script type="text/javascript"> $(function(){ $("#btn").click(function(){ //擷取select下拉框索引 var index = $("#selection").get(0).selectedIndex; //擷取select下拉框的值 var selectVal = $("#selection option:selected").val(); //擷取select下拉框的文本 var selectText = $("#selection option:selected").text(); alert("擷取select下拉框索引：" + index + "\n" + "擷取select下拉框的值：" + selectVal + "\n" + "擷取select下拉框的文本：" + selectText); });});</script></head><body> <div id="select_val"> <select id="selection"> <option value="0">鯉魚</option> <option value="1">鰩魚</option> <option value="2">鯰魚</option> <option value="3">棒棒魚</option> <option value="4">小姐魚</option> <option value="5">紅金花羅漢魚</option> <option value="6">彩虹王羅漢魚</option> <option value="7">泰金羅漢魚</option> </select> </div> <input type="button" value="擷取選中的文本和值" id="btn"/></body></html>
（1）選中第一項
（2）選中最後一項
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
