1. 程式人生 > >jquery怎麼獲取select選中的值,預設選中

jquery怎麼獲取select選中的值,預設選中

jQuery是控制和操作select詳解。
eg:

<select id="test">
<option value="1">選項一<option>
<option value="2">選項一<option>
                         ...
<option value="n">選項N<option>
</select>

所謂jQuery操作“select”, 說的更確切一些是應該是jQuery控制 “option”, 看下面的jQuery程式碼:

//獲取第一個option的值

$('#test option:first').val();

//最後一個option的值

$('#test option:last').val();

//獲取第二個option的值

$('#test option:eq(1)').val();

//獲取選中的值

$('#test').val();
$('#test option:selected').val();

//設定值為2的option為選中狀態
$(‘#test’).attr(‘value’,’2’);

//設定最後一個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());

//獲取select的長度

$('#test option').length;

//新增一個option

$("#test").append("<option value='n+1'>第N+1項</option>");
$("<option value='n+1'>第N+1項</option>"
).appendTo("#test");

//添除選中項

$('#test option:selected').remove();

//刪除項選中(這裡刪除第一項)

$('#test option:first').remove();、

//指定值被刪除

$('#test option').each(function(){
   if( $(this).val() == '5'){
        $(this).remove();
    }
});
$('#test option[value=5]').remove();

//獲取第一個Group的標籤

$('#test optgroup:eq(0)').attr('label');

//獲取第二group下面第一個option的值

$('#test optgroup:eq(1) : option:eq(0)').val();

//select 預設選中

$("#arrangeClass").find("option[value="+reim.classId+"]").prop("selected",true);

相關推薦

jquery操作select(取設定選中級聯)

最近一直與select打交道,因此記錄下常用的基本方法。 比如 1、設定value為pxx的項選中 $(".selector").val("pxx"); 2、設定text為pxx的項選中 $(".selector").find("option[text='pxx']"

jquery操作select(取設定選中

每一次操作select的時候,總是要出來翻一下資料,不如自己總結一下,以後就翻這裡了。 比如<select class="selector"></select> 1、設定value為pxx的項選中      $(".selector").val("px

jquery怎麼獲取select選中預設選中

jQuery是控制和操作select詳解。 eg: <select id="test"> <option value="1">選項一<option> <option value="2">選項一<opt

jquery操作select(取設置選中

tle 當前 一個 true replace 引號 邏輯 func itl 比如<select class="selector"></select> 1、設置value為pxx的項選中 $(".selector").val("pxx");

多選賦預設選中問題

建立一個數組,獲取多選的  val()返回value值     <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title>

jquery ui tab ajax 切換預設選中第一個(序號為0)

<script> $(function() { var tabss = $('#tabs').tabs();//[object,object] var selectedTab = tabss.tabs('option', 'selected');

form表單提交多個下拉框獲取select選項name相同

<tr>                         <th>吃飯</th>                         <td>                             <select name=point id=point>

jquery獲取元素的獲取當前物件的父物件父元素的子元素

當點選 <a href="#" style="cursor: hand" onclick="more(this);" class="fright mr15">更多</a>時, 在js的函式中想要獲取隱藏域的值 <input type="hidden" value="00070

jQuery獲取Select選中的Text和Value,根據Value動態新增屬性等

語法解釋: 1. $("#select_id").change(function(){//code...}); //為Select新增事件,當選擇其中一項時觸發 2. var checkText=$("#select_id").find("option:selected").text(); //獲取Se

IE8下Jquery獲取select選中的問題

    我們一般使用jquery獲取select時,一般這麼用: <select id='a'>     <option selected='selected' value='1'> </select> var selectedVal

jQuery獲取select選中的option的和自定義屬性的

使用jQuery獲取獲取select下拉框中option的值: //通過繫結change事件,當下拉框內容發生變化時事件被啟動 $("#wlms").bind("change",function(

Jquery 獲取select 選中 input radio 是否選中

獲取select 選中的 text :     $("#ddlregtype").find("option:selected").text();    或者   $("#ddlregtype option:selected").text() 獲取select選中的 valu

jquery獲取select選中以及清除選中狀態

不會使用jQuery的後臺真心傷不起,獲取select下拉列表的值都讓我搞了好一陣,然而並沒有結束,恢復選中狀態也是花了我半個小時。 這裡先記一下省的以後會忘了。 獲取jQuery中select下拉列

jQuery選擇器----------jquery實現select下拉框的取與賦設定選中的方法大全

// 1.判斷select選項中 是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i < objSelect.opt

jquery jqgrid cellEdit為true的時候預設選中單元格

jqgrid cellEdit為true的時候,點選單元格的時候,滑鼠在單元格最前面閃。 這時候如果要修改數字內容,非常麻煩。要全選單元格內容,不然不好改。 點選單元格的時候,預設選中單元格值的解決方案 修改jqgrid原始碼: 在editCell : funct

jquery獲取select選中項的文本

color pre sans size code get jquer col () 使用jquery獲取選中的值很簡單 1 $("#select").val(); 但是獲取選中的文本就沒有這麽直接了 1 $("#select").find("option:select

jQuery獲取Select選擇的Text(文字資訊)和 Value屬性的select語法解釋;單選框和複選框

地址:http://www.cnblogs.com/yaoshiyou/archive/2010/08/24/1806939.html  jQuery獲取Select選擇的Text和Value: 語法解釋: 1. $("#select_id").change(function(){

Extjs 獲取輸入框焦點選中

, { xtype : 'numberfield', name : 'CONSTRUCTION_QUANTITY_', fieldLabel : '<spring:message code="ITEM_PROJECT.CONSTRUCTION_QUANTITY_" />

DropDownList 後臺新增一個預設選中

   this.DropDownList1.DataBind();                 //需要在最後一行,在繫結資料的後面                 this.DropDownLi

Select 獲取選中與設定選中

Jquery var Site = $('#selectSite').find("option:selected").text(); $("#selectSite option[value='" + Site + "']").attr("selected", "selec