jQuery操作選中select下拉框的值代碼實例
更新時間：2020年02月07日 10:22:58 作者：jason小蝸牛
這篇文章主要介紹了jQuery操作選中select下拉框的值代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
這篇文章主要介紹了jQuery操作選中select下拉框的值代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
js和jQuery聯(lián)合操作dom真的很好用，如果不是專業(yè)前端人員的話，我覺得吧前端語言只要熟練掌握js和jQuery就可以了。
獲取select下拉框的幾種情況如下：
1.獲取第一個option的值
$('#test option:first').val();
2.最后一個option的值
$('#test option:last').val();
3.獲取第二個option的值
$('#test option:eq(1)').val();
依次類推可以獲取第三個、第四個option的值
4.獲取選中的值
var groupid = $("#groupid").find("option:checked").val();
$('#groupidoption:selected').val();
$('#groupid').val();
<td align="center" class="tableFormLabel" >
<select id="groupid" class="input-text" > </select>
</td>
5.設置值為2的option為選中狀態(tài)
$('#test').attr('value','2');
6.設置最后一個option為選中
$('#test option:last').attr('selected','selected');
$("#test").attr('value' , $('#test option:last').val());
$("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val());
7.獲取select的長度
$('#test option').length;
8.添加一個option
var str="<option value='n+1'>第N+1項</option>";
$("#test").append(str); //一般都用這個追加
$("<option value='n+1'>第N+1項</option>").appendTo("#test");
9.刪除選中項
$('#test option:selected').remove();
10.刪除項選中的第一項
$('#test option:first').remove();
11.刪除滿足條件的option
$('#test option').each(function(){
if( $(this).val() == '5'){
$(this).remove();
}
});
$('#test option[value=5]').remove();
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
jQuery的load()方法及其回調函數(shù)用法實例
這篇文章主要介紹了jQuery的load()方法及其回調函數(shù)用法,實例分析了load方法的簡單使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
jQuery的$符號非常神奇，它可以接受一個字符，也可以接受一個文檔對象或window對象，亦可以傳個函數(shù)進行變?yōu)閐omReady加載器2011-05-05
公司某個網站，需要實現(xiàn)圖片預覽效果，并能像淘寶一樣實現(xiàn)局部分大，使用jquery的朋友可以參考下。2011-11-11
這篇文章主要為大家詳細介紹了用jQuery旋轉插件jqueryrotate制作轉盤抽獎，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
深入理解jQuery中l(wèi)ive與bind方法的區(qū)別
本篇文章主要是對jQuery中l(wèi)ive與bind方法的區(qū)別進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
操作select下拉框的jquery插件，以后再涉及select時，利用這個插件就簡單多了。2009-08-08
基于jQuery的判斷iPad、iPhone、Android是橫屏還是豎屏的代碼
在ipad、iphone網頁開發(fā)中，我們很可能需要判斷是橫屏或者豎屏。下面就來介紹如何用 jQuery 判斷iPad、iPhone、Android是橫屏還是豎屏的方法2014-05-05
有時候我們需要判斷當前的圖片是否存在，方便后期做一些操作，當然也可以參考上一篇文章，如果不存在就替換位默認圖片2023-06-06
利用JQuery操作iframe父頁面、子頁面的元素和方法匯總
這篇文章主要給大家介紹了關于利用JQuery操作iframe父頁面、子頁面的元素和方法的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。2017-09-09
這篇文章主要介紹了jQuery實現(xiàn)類似淘寶網圖片放大效果的方法,實例分析了jquery實現(xiàn)圖片放大效果的方法,涉及jquery操作鼠標事件及頁面元素屬性修改的相關技巧,需要的朋友可以參考下2015-07-07