這篇文章將為大家詳細(xì)講解有關(guān)jquery操作select的方法，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、微信平臺(tái)小程序開(kāi)發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了南溪免費(fèi)建站歡迎大家使用！

 jQuery可以對(duì)select進(jìn)行添加刪除以及清空等操作，比如通過(guò)append方法在元素之后添加內(nèi)容，remove方法刪除內(nèi)容，empty方法清空內(nèi)容

jQuery是一個(gè)輕量級(jí)的JavaScript函數(shù)庫(kù)，它包含了HTML元素的操作，事件函數(shù)，特效動(dòng)畫等等功能

jQuery中的select方法就是當(dāng) textarea 或文本類型的 input 元素中的文本被選擇時(shí)，會(huì)觸發(fā) select 事件，或者發(fā)生select事件所運(yùn)行的函數(shù)。接下來(lái)在文章中將具體介紹如何來(lái)操作select方法，即增加、刪除以及清空

jQuery獲取select方法選擇的text和value值：

//獲取Select選擇的text
var checkText=$("#select_id").find("option:selected").text(); 
//獲取Select選擇的Value
var checkValue=$("#select_id").val(); 
//獲取Select選擇的索引值 
var checkIndex=$("#select_id ").get(0).selectedIndex;
 //獲取Select最大的索引值
var maxIndex=$("#select_id option:last").attr("index");

jQuery增加select中的option項(xiàng)：

通過(guò)append和prepend方法為select添加option內(nèi)容

append()：表示在元素的結(jié)尾插入內(nèi)容

prepend() ：表示在元素的開(kāi)頭插入內(nèi)容

  $("select").append("第四個(gè)元素")

效果圖：

 $("select").prepend("第四個(gè)元素")

效果圖：

jQuery刪除select中option項(xiàng)

例：

//刪除索引值最大的option值
$("#select_id option:last").remove(); 
//刪除select中Value='3'的option值
$("#select_id option[value='3']").remove();

jQuery清空select中的option值

通過(guò)empty函數(shù)即可清除select中的值

$("#select_id").empty();

效果圖：

關(guān)于jquery操作select的方法就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。