select Option 增加,刪除,清空

2022-06-01 13:54:08 字數 3744 閱讀 1709

$("#select_id").change(function()); //為select新增事件,當選擇其中一項時觸發

var checktext=$("#select_id").find("option:selected").text(); //獲取select選擇的text

var checkvalue=$("#select_id").val(); //獲取select選擇的value

var checkindex=$("#select_id ").get(0).selectedindex; //獲取select選擇的索引值

var maxindex=$("#select_id option:last").attr("index"); //獲取select最大的索引值

$("#select_id").prepend("請選擇"); //為select插入乙個option(第乙個位置)

$("#select_id option:last").remove(); //刪除select中索引值最大option(最後乙個)

$("#select_id option[index='0']").remove(); //刪除select中索引值為0的option(第乙個)

$("#select_id option[value='3']").remove(); //刪除select中value='3'的optiona

$("#select_id option[text='4']").remove(); //刪除select中text='4'的optiona

$("#charcity").empty();
1、設定value為pxx的項選中

$(".selector").val("pxx");
2、設定text為pxx的項選中

$(".selector").find("option[text='pxx']").attr("selected",true);

這裡有乙個中括號的用法,中括號裡的等號的前面是屬性名稱,不用加引號。很多時候,中括號的運用可以使得邏輯變得很簡單。

3、獲取當前選中項的value

$(".selector").val();

4、獲取當前選中項的text

$(".selector").find("option:selected").text();

這裡用到了冒號,掌握它的用法並舉一反三也會讓**變得簡潔。

很多時候用到select的級聯,即第二個select的值隨著第乙個select選中的值變化。這在jquery中是非常簡單的。

如:

複製**

$(".selector1").change(function());

複製**

jquery獲取select選擇的text和value:

語法解釋:

$("#select_id").change(function());   //為select新增事件,當選擇其中一項時觸發

var checktext=$("#select_id").find("option:selected").text(); //獲取select選擇的text

var checkvalue=$("#select_id").val(); //獲取select選擇的value

var checkindex=$("#select_id ").get(0).selectedindex; //獲取select選擇的索引值

var maxindex=$("#select_id option:last").attr("index"); //獲取select最大的索引值

jquery設定select選擇的 text和value:

語法解釋:

$("#select_id ").get(0).selectedindex=1;  //設定select索引值為1的項選中

$("#select_id ").val(4); // 設定select的value值為4的項選中

$("#select_id option[text='jquery']").attr("selected", true); //設定select的text值為jquery的項選中

jquery新增/刪除select的option項:

語法解釋:

$("#select_id").prepend("請選擇"); //為select插入乙個option(第乙個位置)

$("#select_id option:last").remove(); //刪除select中索引值最大option(最後乙個)

$("#select_id option[index='0']").remove(); //刪除select中索引值為0的option(第乙個)

$("#select_id option[value='3']").remove(); //刪除select中value='3'的option

$("#select_id option[text='4']").remove(); //刪除select中text='4'的option

jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關

獲 取一組radio被選中項的值

var item = $('input[name=items][checked]').val();

獲 取select被選中項的文字

var item = $("select[name=items] option[selected]").text();

select下拉框的第二個元素為當前選中值

$('#select_id')[0].selectedindex = 1;

radio單選組的第二個元素為當前選中值

$('input[name=items]').get(1).checked = true;

獲取值:

文字框,文字區域:$("#txt").attr("value");

多選框 checkbox:$("#checkbox_id").attr("value");

單選組radio: $("input[type=radio][checked]").val();

下拉框select: $('#sel').val();

控制表單元素:

文字框,文字區域:$("#txt").attr("value",'');//清空內容

$("#txt").attr("value",'11');//填充內容

多選框checkbox: $("#chk1").attr("checked",'');//不打勾

$("#chk2").attr("checked",true);//打勾

if($("#chk1").attr('checked')==undefined) //判斷是否已經打勾

單選組 radio: $("input[type=radio]").attr("checked",'2');//設定value=2的專案為當前選中項

下拉框 select: $("#sel").attr("value",'-sel3');//設定value=-sel3的專案為當前選中項

$("1111

$("#sel").empty();//清空下拉框

MongoDB增加使用者認證 增加使用者 刪

mongodb增加使用者認證 增加使用者 刪除使用者 修改使用者密碼 讀寫許可權 唯讀許可權 說明 增加使用者是針對 資料庫進行操作 www.2cto.com 1.進入到資料庫 use dbname 2.針對當前資料庫新增使用者 許可權是針對當前資料 1.新增並驗證使用者 use admin db....

WDA基礎四 Select option的使用

select option是方便使用者和資料處理的,就是醜了點。前面使用的input直接做查詢條件有哥弊端,就是查詢的時候需要判斷字段是否有選擇條件,然後要將選擇條件做成range table。有點麻煩 1.select options 元件引入wda程式 儲存,啟用。2.將元件加入使用的檢視中 雙...

關於select option自定義標籤的說明

我總是覺得在select的標籤中拼option是不那麼方便的事,所以我喜歡使用標籤來做這件事,將所有的資訊直接編寫在jsp中,後台不需要增加 真的挺舒服的,在這裡我不想說如何弄乙個自定義標籤,看看書相信不難搞明白的,我想說一下如何在自定義標籤中獲得select的真實值並預設顯示這個值,ok,開始吧。...