各種組件的js 獲取值 / js動態賦值

jQuery獲取Select選擇的Text和Value:
語法解釋:
1. $("#select_id").change(function(){//code...}); ??//為Select添加事件,當選擇其中一項時觸發
2. var checkText=$("#select_id").find("option:selected").text();??//獲取Select選擇的Text
3. var checkValue=$("#select_id").val();??//獲取Select選擇的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex;??//獲取Select選擇的索引值
5. var maxIndex=$("#select_id option:last").attr("index");??//獲取Select最大的索引值?
jQuery設置Select選擇的 Text和Value:
語法解釋:
1. $("#select_id ").get(0).selectedIndex=1;??//設置Select索引值為1的項選中
2. $("#select_id ").val(4); ??// 設置Select的Value值為4的項選中
3. $("#select_id option[text='jQuery']").attr("selected", true); ??//設置Select的Text值為jQuery的項選中

jQuery添加/刪除Select的Option項:
語法解釋:
1. $("#select_id").append("<option value='Value'>Text</option>");??//為Select追加一個Option(下拉項)
2. $("#select_id").prepend("<option value='0'>請選擇</option>");??//為Select插入一個Option(第一個位置)
3. $("#select_id option:last").remove();??//刪除Select中索引值最大Option(最后一個)
4. $("#select_id option[index='0']").remove();??//刪除Select中索引值為0的Option(第一個)
5. $("#select_id option[value='3']").remove();??//刪除Select中Value='3'的Option
5. $("#select_id option[text='4']").remove();??//刪除Select中Text='4'的Option
http://www.k686.com

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的項目為當前選中項?
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option?
$("#sel").empty();//清空下拉框

----------------------------------------------------------------------------------------------------

?

//遍歷option和添加、移除option
function changeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] option").length
if(shipping.value != "CA"){
$("select[@name=ISHIPTYPE] option").each(function(){
if($(this).val() == 111){
$(this).remove();
}
});
}else{
$("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}


//取得下拉選單的選取值

$(#testSelect option:selected').text();
或$("#testSelect").find('option:selected').text();
或$("#testSelect").val();
//
記 性不好的可以收藏下:
1,下拉框:

var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜單的選中項的文本(注意中間有空格)
var cc2 = $('.formc select[@name="country"]').val(); //得到下拉菜單的選中項的值
var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜單的選中項的ID屬性值
$("#select").empty();//清空下拉框 //$("#select").html('');
$("<option value='1'>1111</option>").appendTo("#select")//添加下拉框的option

稍微解釋一下:
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() { //由于復選框一般選中的是多個,所以可以循環輸出
alert($(this).val());
});

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


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

<script src="jquery-1.2.1.js" type="text/JavaScript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#selectTest").change(function()
{
//alert("Hello");
//alert($("#selectTest").attr("name"));
//$("a").attr("href","xx.html");
//window.location.href="xx.html";
//alert($("#selectTest").val());
alert($("#selectTest option[@selected]").text());
$("#selectTest").attr("value", "2");

});
});
</script>


<a href="#">aaass</a>

<!--下拉框-->
<select id="selectTest" name="selectTest">
<option value="1">11</option>
<option value="2">22</option>
<option value="3">33</option>
<option value="4">44</option>
<option value="5">55</option>
<option value="6">66</option>
</select>
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的項目為當前選中項
$("<optionvalue='1'& gt;1111</option><optionvalue='2'>2222</option& gt;").appendTo("#sel")//添加下拉框的option
$("#sel").empty();// 清空下拉框

獲取一組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的項目為當前選中項
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option

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

轉載于:https://www.cnblogs.com/langtianya/p/6514871.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/253226.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/253226.shtml
英文地址,請注明出處:http://en.pswp.cn/news/253226.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Linux下/proc目錄簡介

1. /proc目錄 Linux 內核提供了一種通過 /proc 文件系統&#xff0c;在運行時訪問內核內部數據結構、改變內核設置的機制。proc文件系統是一個偽文件系統&#xff0c;它只存在內存當中&#xff0c;而不占用外存空間。它以文件系統的方式為訪問系統內核數據的操作提供接口。 用戶…

Mysql帶返回值與不帶返回值的2種存儲過程

過程1&#xff1a;帶返回值&#xff1a; 1 drop procedure if exists proc_addNum; 2 create procedure proc_addNum (in x int,in y int,out sum int) 3 BEGIN 4 SET sum x y; 5 end 然后&#xff0c;執行過程&#xff0c;out輸出返回值&#xff1a; 1 call proc_addNum(2,3,…

MOS管的米勒效應簡介

一、米勒平臺介紹 Mos管的三極都會存在以下 的三個電容,分別是:Cgs,Cgd,Cds。 米勒電容指的是Cgd。米勒效應在MOS驅動中臭名昭著,他是由MOS管的米勒電容引發的米勒效應,在MOS管開通過程 中,GS電壓上升到某一電壓值后GS電壓有一段穩定值(圖中t2~t3階段),過后Vgs電壓…

PopupWindow 使用詳解(二) Popwindow 制作常見花哨效果

帝都幾日降溫&#xff0c;終于被撂倒了。but 只要一息尚存就得不斷進步&#xff01;于是&#xff0c;寫出 《PopupWindow 使用詳解》的第二篇 筆記&#xff0c;先奉上 第一篇鏈接: 《PopupWindow 使用詳解&#xff08;一&#xff09; 中文API 文檔 贈送 ListPopupWindow 中文 A…

hbase replication原理分析

本文只是從總體流程來分析replication過程&#xff0c;很多細節沒有提及&#xff0c;下一篇文章準備多分析分析細節。replicationSource啟動過程org.apache.hadoop.hbase.regionserver.HRegionServer#startServiceThreads ->org.apache.hadoop.hbase.replication.regionserv…

8168

http://blog.csdn.net/crushonme/article/details/10287693 http://blog.csdn.net/yangxueble/article/details/10138763

Mysql查詢結果只有一條的情況下把值賦值給變量,再用if else 流程判斷

1 BEGIN 2 set n(SELECT count(day) from log where dayCURDATE()); 3 IF n0 THEN 4 call m_LogInsert(); 5 ELSE 6 call m_LoginCheck(); 7 end if; 8 end 轉載于:https://www.cnblogs.com/mengms/p/7629486.html

近距離無線通信技術對比

定義&#xff1a;無線通信是利用電磁波信號在自由空間中傳播的特性進行信息交換的一種通信方式。 優點&#xff1a;成本低、無物理線路&#xff0c;不受工業環境限制&#xff0c;環境適應能力強&#xff1b; 故障診斷簡單&#xff0c;可遠程診斷&#xff0c;擴展性強&#xff…

看不清的融資迷局 二線玩家字節跳動在打什么主意?

互聯網似乎對離經叛道者總是多一分關注&#xff0c;吃瓜心態隨著時間的推進越來越濃烈。 其中&#xff0c;今日頭條成了“看熱鬧”時代最佳的“演員”之一&#xff0c;供看客消遣&#xff1a;其母公司字節跳動一個融資傳聞從8月炒到了10月&#xff0c;即便是媒體通過信源確認這…

第3章-動態基礎分析實驗

Lab 3-1 Question: 1.先對文件使用PEID進行查殼,顯示文件被加殼處理過 2.使用Dependency Walker查看文件導入函數&#xff0c;文件只有一個DLL而且只有一個導入函數Exitprocess 3.使用Strings程序查看字符串&#xff0c;發現可疑字符串。 4.動態分析前期準備 4.1 對系統進行初始…

如何優化增強第三方庫?

開發中&#xff0c;我們不可避免要使用&#xff0c;別人花很多時間打磨好的輪子&#xff0c;輪子好用&#xff0c;但有時卻無法完全滿足我們的要去&#xff0c;這時我們不可避免的要去修改增強一下這個庫&#xff0c;如何增強&#xff1f; 我認為&#xff0c;一般有兩種修改的方…

C語言變長數組data[0]【總結】

C語言變長數組data[0]【總結】 1、前言 今天在看代碼中遇到一個結構中包含char data[0]&#xff0c;第一次見到時感覺很奇怪&#xff0c;數組的長度怎么可以為零呢&#xff1f;于是上網搜索一下這樣的用法的目的&#xff0c;發現在linux內核中&#xff0c;結構體中經常用到data…

Excel 轉為 MySQL 語句

一、方法 一、假設你的表格有A、B、C三列數據&#xff0c;希望導入到你的數據庫中表格table&#xff0c;對應的字段分別是col1、col2、col3 二、在你的表格中增加一列&#xff0c;利用excel的公式自動生成sql語句&#xff0c;具體方法如下&#xff1a; 1、增加一列&#xff08;…

CentOS7下安裝zookeeper3.4.9

獲取zookeeper官方安裝包 1 wget https://mirrors.tuna.tsinghua.edu.cn/apache/zookeeper/zookeeper-3.4.9/zookeeper-3.4.9.tar.gz 解壓該文件包 1 tar zxf zookeeper-3.4.9.tar.gz 進入conf文件夾并創建新配置文件 1 cd zookeeper-3.4.9/conf 2 vi zoo.cfg 在config文件中加…

union 和 struct 的區別與聯系

union &#xff08; 共用體&#xff09;&#xff1a;構造數據類型,也叫聯合體 用途&#xff1a;使幾個不同類型的變量共占一段內存(相互覆蓋) struct ( 結構體 )&#xff1a;是一種構造類型 用途&#xff1a; 把不同的數據組合成一個整體——自定義數據類型 主要區別&#x…

Android系統中標準Intent的使用

Android系統用于Activity的標準Intent 1.根據聯系人ID顯示聯系人信息 Intent intentnew Intent(); intent.setAction(Intent.ACTION_VIEW);//顯示聯系人信息 intent.setData(Uri.parse("content://contaccts/people/492")); startActivity(intent); 2.根據聯系人ID顯…

開關電源簡介

1. 基本分類 DC-DC BULK電源 DC-DC BOOST電源 DC-DC BULK/BOOST電源 DC-DC BOOST/BYPASS電源 2. 典型拓撲結構 BULK電路拓撲 降壓型電源 串聯關系在開關管S導通時&#xff0c;二極管VD負極電壓高于正極反偏截止&#xff0c;此時電流經過電感L向電容和負載供電&#x…

Office 2016中Excel的部分快捷方式

【Ctrl下箭頭】 拉到最后一行 【Alt 】一秒求和 【CtrlEnter】 一秒輸入相同數據 【Ctrld】 一秒豎向填充不連續區域 【Ctrlr】 一秒向右填充數據 【Ctrle】 批量提取字符 【Ctrl1】 調出 設置單元格格式窗口 【Ctrlz】 撤銷上一步操作 【Ctrly】 恢復上一步 【F4】 重復上一步…

基于Spring開發的DUBBO服務接口測試

基于Spring開發的DUBBO服務接口測試 知識共享主要內容&#xff1a; 1、 Dubbo相關概念和架構&#xff0c;以及dubbo服務程序開發步驟。 2、 基于Spring開發框架的dubbo服務接口測試相關配置。 3、 spring testjunit和spring testTestNG兩種測試框架腳本編寫方法。 一、 …