select標籤的一些小結

2021-08-28 12:33:15 字數 4217 閱讀 5087

1、jquery獲取select選擇text和value

a、var select_ok=$("#select_id").find("option:selected").text();//獲取select選中的text值

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

c、var select_ok=$("#select_id").find("option:selected").val();//獲取select選中的value值

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

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

jquery給select賦值:

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

b、$("#select_id").val(4);//設定value=4的項未選中項(這個有的時候不頂用)

var valtext=「peiqi」

$("#select_id").find('option[value='+valtext+']').attr("selected",true);

var  text="佩奇"

$("#select_id").find('option[text='+text+']').attr("selected",true);

jquery新增和刪除select的option項:

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

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

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

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

f、$("#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

//取得下拉列表的選取值

$(#testselect option:selected').text();

或$("#testselect").find('option:selected').text();

或$("#testselect").val();

//記 性不好的可以收藏下:

1,下拉框:

稍微解釋一下:

1.select[@name='country'] option[@selected] 表示具有name 屬性,

並 且該屬性值為'country' 的select元素 裡面的具有selected 屬性的option 元素;

可以看出有@開頭的就表示後面跟 的是屬性。

2,單選框:

$("input[@type=radio][@checked]").val(); //得到單選框的 選中項的值(注意中間沒有空格)

$("input[@type=radio][@value=2]").attr("checked",'checked'); //設定單選框value=2的為選中狀態.(注意中間沒有空格)

3,核取方塊:

$("input[@type=checkbox][@checked]").val(); //得到核取方塊的選中的第一項的值

$("input[@type=checkbox][@checked]").each(function() );

$("#chk1").attr("checked",'');//不打勾

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

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

當然jquery的選擇器是強大的. 還有很多方法.

aaass 11

2233

4455

66獲取一組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

講真,生活中我覺得還是多去嘗試一些新鮮的東西

nginx fast cgi 一些小結

fpm children make line 352 child 20477 pool default started fpm event loop line 105 libevent entering main loop 的解決方案 這個問題是系統最大開啟檔案數與php fpm設定不一樣所致 1....

Perl Perl module的一些小結

perl module 關於perl module改如何使用,如何編寫,現在初步有一些膚淺的體會,總結如下 1.如何引用不在系統預設路徑中的module?方法1 使用lib use lib qw your path to module 貌似這幾乎等價於begin 方法2 修改 inc begin u...

Perl module的一些小結收藏

perl module 關於perl module改如何使用,如何編寫,現在初步有一些膚淺的體會,總結如下 1.如何引用不在系統預設路徑中的module?方法1 使用lib use lib qw your path to module 貌似這幾乎等價於begin 方法2 修改 inc begin u...