jQuery獲取Select option 選擇的Text和 Value

来源:https://www.cnblogs.com/dqh123/archive/2018/08/13/9469915.html
-Advertisement-
Play Games

獲取一組radio被選中項的值:var item = $('input[name=items][checked]').val();獲取select被選中項的文本var item = $("select[@name=items] option[@selected]").text(); 獲取select ...


獲取一組radio被選中項的值:var item = $('input[name=items][checked]').val();
獲取select被選中項的文本
var item = $("select[@name=items] option[@selected]").text();

獲取select被選中項的文本 :var item = $("select[name=items] option[selected]").text(); 或$("select[name=items]").find("option:selected").text();

select下拉框的第二個元素為當前選中值:$('#select_id')[0].selectedIndex = 1;

select下拉框value = 'val'的元素為當前選中項:$("select[name=items] option[value='val']").attr("selected","selected");

radio單選組的第二個元素為當前選中項 :$('input[@name=items]').get(1).checked = true; 或$('input[name=items]').attr("checked", '1′);

radio的value = 'val'的元素為當前選中項:$('input[name=items] [value='val']').attr("checked","checked");


獲取值:

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

多選框checkbox:$("input[name='checkbox':checked]").each(function(){

var val = $(this).val();

});

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

下拉框select的value值: $('select').val();

下拉框select選中的text 值:$("select").find("option:selected").text();

控製表單元素:

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

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

多選框checkbox:
checkbox的第二個元素被打勾:$("input[name=items]").get(1).checked = true; //打勾
$("input[name=items]").get(1).checked = false; //不打勾

checkbox的value='val'的元素前打勾:$("input[name=item][value='val']").attr("checked",true); 或$("input[name=item][value='val']").attr("checked","checked");

if($("input[name=item][value='val']").attr('checked')==true) //判斷是否已經打勾

單選組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();//清空下拉框

jQuery獲取Radio選擇的Value值
代碼

$("input[name='radio_name'][checked]").val(); //選擇被選中Radio的Value值
$("#text_id").focus(function(){//code...}); //事件 當對象text_id獲取焦點時觸發
$("#text_id").blur(function(){//code...}); //事件 當對象text_id失去焦點時觸發
$("#text_id").select(); //使文本框的Vlaue值成選中狀態
$("input[name='radio_name'][value='要選中Radio的Value值'").
attr("checked",true); //根據Value值設置Radio為選中狀態

jQuery獲取CheckBox選擇的Value值

$("input[name='checkbox_name'][checked]"); //選擇被選中CheckBox元素的集合 如果你想得到
Value值你需要遍歷這個集合
$($("input[name='checkbox_name'][checked]")).
each(function(){arrChk+=this.value + ',';});//遍歷被選中CheckBox元素的集合 得到Value值
$("#checkbox_id").attr("checked"); //獲取一個CheckBox的狀態(有沒有被選中,返回true/false)
$("#checkbox_id").attr("checked",true); //設置一個CheckBox的狀態為選中(checked=true)
$("#checkbox_id").attr("checked",false); //設置一個CheckBox的狀態為不選中(checked=false)
$("input[name='checkbox_name']").attr
("checked",$("#checkbox_id").attr("checked"));//根據3,4,5條,你可以分析分析這句代碼的意思
$("#text_id").val().split(","); //將Text的Value值以','分隔 返回一個數組


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Hello 大家好!又要跟大家見面了,上次實在太無聊了,就在博客園跟大家講述了本人職業生涯以來的一些工作經歷,同時也分享了一些工作上的心得,沒想到引起那麼多朋友的共鳴,也鼓舞了很多初入職場的朋友和有相同經歷的朋友,在這裡真的很感謝博客園提供這麼好的平臺,可以讓每一位園友盡情傾吐。 這次我是分享我本人 ...
  • 從開始學習node到現在已經有半年多了,中間沒有做過什麼實際工作中的項目,所以感覺自己的知識有些匱乏,但是我還是要寫這些文章,因為工作中的需要用node來開發後臺環境,再加上我對這些知識記得不多,都是來看以前寫的源碼抄過來,自己根本記不住一些繁瑣的代碼,想藉此機會來鞏固一下我所學到的東西,等以後慢慢 ...
  • angular 應用容器化部署 Intro 我自己有做一個個人主頁,雖然效果不怎麼樣(不懂設計的典型程式猿...),但是記錄了我對於前端框架及工具的一些實踐, 從開始只有一個 angularjs 製作的頁面到後面加入 less 動態寫css, gulp 自動化的將 less 文件編譯成 css 文件 ...
  • @font-face是css3中定義字體的規則。 首先,在使用weui時,在Chrome、Firefox下沒有問題,但是在IE下提示“font-face 未能完成 OpenType 嵌入許可權檢查。許可權必須是可安裝的”,如下圖: 經過一番查找資料,解決方法如下: 1. 將@font-face中,字體的 ...
  • 把微信小程式非同步API轉化為Promise。用Promise處理非同步操作有多方便,誰用誰知道。 微信官方沒有給出Promise API來處理非同步操作,而官方API非同步的又非常多,這使得多非同步編程會層層回調,代碼一複雜,回調起來就想砸電腦。 於是寫了一個通用工具,把微信官方的非同步API轉化為Promi ...
  • Array、Boolean、Date、Number等對象都具有toString()、toLocaleString()、valueOf()三個方法,那這三個方法有什麼區別??? 一、JS Array 例子: var array = new Array("niu","li","na"); console ...
  • 結構賦值即按照一種模式對變數進行賦值,分為數組解構賦值和對象結構賦值 1. 數組結構賦值 let a; [a,b]=[1,2]//數組類型解構賦值 console.log(a);//1 [a,b,...rest]=[1,2,3,4,5,6]//輸出1,2,[3,4,5,6] [a,b,c=3]=[1 ...
  • 1. 引入jquery.js和jquery.fullPage.min.js <script src="jquery.min.js"></script> <script src="chajian/jquery.fullPage.min.js"></script> 2. 書寫html <div id=" ...
一周排行
    -Advertisement-
    Play Games
  • .Net8.0 Blazor Hybird 桌面端 (WPF/Winform) 實測可以完整運行在 win7sp1/win10/win11. 如果用其他工具打包,還可以運行在mac/linux下, 傳送門BlazorHybrid 發佈為無依賴包方式 安裝 WebView2Runtime 1.57 M ...
  • 目錄前言PostgreSql安裝測試額外Nuget安裝Person.cs模擬運行Navicate連postgresql解決方案Garnet為什麼要選擇Garnet而不是RedisRedis不再開源Windows版的Redis是由微軟維護的Windows Redis版本老舊,後續可能不再更新Garne ...
  • C#TMS系統代碼-聯表報表學習 領導被裁了之後很快就有人上任了,幾乎是無縫銜接,很難讓我不想到這早就決定好了。我的職責沒有任何變化。感受下來這個系統封裝程度很高,我只要會調用方法就行。這個系統交付之後不會有太多問題,更多應該是做小需求,有大的開發任務應該也是第二期的事,嗯?怎麼感覺我變成運維了?而 ...
  • 我在隨筆《EAV模型(實體-屬性-值)的設計和低代碼的處理方案(1)》中介紹了一些基本的EAV模型設計知識和基於Winform場景下低代碼(或者說無代碼)的一些實現思路,在本篇隨筆中,我們來分析一下這種針對通用業務,且只需定義就能構建業務模塊存儲和界面的解決方案,其中的數據查詢處理的操作。 ...
  • 對某個遠程伺服器啟用和設置NTP服務(Windows系統) 打開註冊表 HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\W32Time\TimeProviders\NtpServer 將 Enabled 的值設置為 1,這將啟用NTP伺服器功 ...
  • title: Django信號與擴展:深入理解與實踐 date: 2024/5/15 22:40:52 updated: 2024/5/15 22:40:52 categories: 後端開發 tags: Django 信號 松耦合 觀察者 擴展 安全 性能 第一部分:Django信號基礎 Djan ...
  • 使用xadmin2遇到的問題&解決 環境配置: 使用的模塊版本: 關聯的包 Django 3.2.15 mysqlclient 2.2.4 xadmin 2.0.1 django-crispy-forms >= 1.6.0 django-import-export >= 0.5.1 django-r ...
  • 今天我打算整點兒不一樣的內容,通過之前學習的TransformerMap和LazyMap鏈,想搞點不一樣的,所以我關註了另外一條鏈DefaultedMap鏈,主要調用鏈為: 調用鏈詳細描述: ObjectInputStream.readObject() DefaultedMap.readObject ...
  • 後端應用級開發者該如何擁抱 AI GC?就是在這樣的一個大的浪潮下,我們的傳統的應用級開發者。我們該如何選擇職業或者是如何去快速轉型,跟上這樣的一個行業的一個浪潮? 0 AI金字塔模型 越往上它的整個難度就是職業機會也好,或者說是整個的這個運作也好,它的難度會越大,然後越往下機會就會越多,所以這是一 ...
  • @Autowired是Spring框架提供的註解,@Resource是Java EE 5規範提供的註解。 @Autowired預設按照類型自動裝配,而@Resource預設按照名稱自動裝配。 @Autowired支持@Qualifier註解來指定裝配哪一個具有相同類型的bean,而@Resourc... ...