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
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...