select獲取下拉框的值 下拉框默認(rèn)選中方法
更新時(shí)間：2018年02月28日 10:31:46 作者：wh09091
下面小編就為大家分享一篇select獲取下拉框的值 下拉框默認(rèn)選中方法，具有很好的參考價(jià)值，希望對(duì)的有所幫助。一起跟隨小編過(guò)來(lái)看看吧
本文主要介紹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)文章
js的純前臺(tái)處理時(shí)會(huì)遇到將一個(gè)網(wǎng)頁(yè)的參數(shù),通過(guò)get方式,傳遞給下一個(gè)頁(yè)面的問(wèn)題，此時(shí)可以獲取Url中的Get參數(shù)，具體如下，需要的朋友可以參考下2013-11-11
jquery.Callbacks的實(shí)現(xiàn)詳解
這篇文章主要給大家介紹的是jQuery.Callback()的實(shí)現(xiàn),這個(gè)函數(shù)常見(jiàn)的應(yīng)用場(chǎng)景是事件觸發(fā)機(jī)制，也就是設(shè)計(jì)模式中的觀察者（發(fā)布、訂閱機(jī)制），目前Callbacks對(duì)象用于queue、ajax、Deferred對(duì)象中，下面通過(guò)這篇文章來(lái)詳細(xì)看看關(guān)于jquery.Callbacks實(shí)現(xiàn)的介紹吧。2016-11-11
這篇文章主要介紹了jquery常用操作小結(jié),需要的朋友可以參考下2014-07-07
jQuery實(shí)現(xiàn)導(dǎo)航滾動(dòng)到指定內(nèi)容效果完整實(shí)例【附demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)導(dǎo)航滾動(dòng)到指定內(nèi)容效果,結(jié)合完整實(shí)例形式分析了頁(yè)面元素屬性動(dòng)態(tài)變換操作相關(guān)技巧,涉及jQuery插件jquery.scrollto.js的使用,并附帶demo源碼下載供讀者下載參考,需要的朋友可以參考下2016-09-09
使用jquery Ajax實(shí)現(xiàn)上傳附件功能
這篇文章主要為大家詳細(xì)介紹了使用jquery Ajax實(shí)現(xiàn)上傳附件功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-10-10
這篇文章主要介紹了jQuery同步提交實(shí)現(xiàn)方法,實(shí)例分析了jQuery基于ajax實(shí)現(xiàn)同步提交的具體技巧,以及jQuery版本更新的使用注意事項(xiàng),需要的朋友可以參考下2015-12-12
jQuery短信驗(yàn)證倒計(jì)時(shí)功能實(shí)現(xiàn)方法詳解
這篇文章主要介紹了jQuery短信驗(yàn)證倒計(jì)時(shí)功能實(shí)現(xiàn)方法,實(shí)例分析了jQuery前臺(tái)倒計(jì)時(shí)功能及ajax交互的相關(guān)技巧,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了jQuery如何設(shè)置和獲取HTML、文本和值,需要的朋友可以參考下2014-07-07
Jquery與Bootstrap實(shí)現(xiàn)后臺(tái)管理頁(yè)面增刪改查功能示例
本篇文章主要介紹了Jquery與Bootstrap實(shí)現(xiàn)后臺(tái)管理頁(yè)面增刪改查功能示例，具有一定的參考價(jià)值，有興趣的可以了解一下。2017-01-01
這篇文章主要介紹了jQuery數(shù)據(jù)緩存用法,較為詳細(xì)的分析了jQuery數(shù)據(jù)緩存的功能、定義與相關(guān)的使用技巧,需要的朋友可以參考下2015-02-02