select獲取下拉框的值 下拉框默認(rèn)選中方法
本文主要介紹select下拉框的相關(guān)方法。
1、通過(guò)id獲取下拉框的value和文本值
例如:
<select class="form-control" id="numbers"> <option value="1">數(shù)字1</option> <option value="2" selected>數(shù)字2</option> </select> $("#numbers option:selected").val(); 獲取到下拉框被選中的optionde value值:2; $("#numbers option:selected").text(); 獲取到下拉框被選中的optionde 文本內(nèi)容:數(shù)字2;
2、默認(rèn)選中某個(gè)select值:增加selected屬性
input框中輸入數(shù)字,失去焦點(diǎn)時(shí)調(diào)用selectNumber()方法,選中與input框中相同的數(shù)字
function selectNumber(){ var num = $("#num").val(); //獲取input中輸入的數(shù)字 var numbers = $("#numbers").find("option"); //獲取select下拉框的所有值 for (var j = 1; j < numbers.length; j++) { if ($(numbers[j]).val() == num) { $(numbers[j]).attr("selected", "selected"); } } }
以上這篇select獲取下拉框的值 下拉框默認(rèn)選中方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery中$.click()無(wú)效問(wèn)題分析
這篇文章主要介紹了jQuery中 $("a").click()無(wú)效問(wèn)題分析,需要的朋友可以參考下2015-01-01jQuery插件實(shí)現(xiàn)表格隔行變色及鼠標(biāo)滑過(guò)高亮顯示效果代碼
這篇文章主要介紹了jQuery插件實(shí)現(xiàn)表格隔行變色及鼠標(biāo)滑過(guò)高亮顯示效果代碼,涉及jQuery針對(duì)頁(yè)面元素動(dòng)態(tài)操作及響應(yīng)鼠標(biāo)事件動(dòng)態(tài)修改頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-02-02Jquery利用mouseenter和mouseleave實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)彈出層且可以點(diǎn)擊
這篇文章主要介紹了Jquery利用mouseenter和mouseleave實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)彈出層且可以點(diǎn)擊。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-02-02jquery+ajax實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)(封裝和不封裝兩種方式)
這篇文章主要為大家詳細(xì)介紹了jquery+ajax實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)的相關(guān)代碼,包括封裝和不封裝兩種方式,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05jquery slibings選取同級(jí)其他元素的實(shí)現(xiàn)代碼
jquery選取同級(jí)其他元素可以使用slibings方法,end方法可以清除之前的鏈?zhǔn)讲僮?,相?dāng)于重新開始2013-11-11跟著JQuery API學(xué)Jquery 之三 篩選
跟著JQuery API學(xué)Jquery 之三 篩選,相當(dāng)于條件判斷類型。2010-04-04