select獲取下拉框的值下拉框默認選中方法

來源：懂視網責編：小采時間：2020-11-27 22:18:24

select獲取下拉框的值下拉框默認選中方法

select獲取下拉框的值下拉框默認選中方法:本文主要介紹select下拉框的相關方法。 1、通過id獲取下拉框的value和文本值例如： <select class=form-control id=numbers> <option value=1>數字1</option> <option value=2 s

推薦度：

點擊下載本文 文檔為doc格式

導讀select獲取下拉框的值下拉框默認選中方法:本文主要介紹select下拉框的相關方法。 1、通過id獲取下拉框的value和文本值例如： <select class=form-control id=numbers> <option value=1>數字1</option> <option value=2 s

本文主要介紹select下拉框的相關方法。

1、通過id獲取下拉框的value和文本值

例如：

<select class="form-control" id="numbers">
 <option value="1">數字1</option>
 <option value="2" selected>數字2</option>
</select>
$("#numbers option:selected").val(); 獲取到下拉框被選中的optionde value值：2；
$("#numbers option:selected").text(); 獲取到下拉框被選中的optionde 文本內容：數字2；

2、默認選中某個select值：增加selected屬性

input框中輸入數字，失去焦點時調用selectNumber()方法，選中與input框中相同的數字

function selectNumber(){
var num = $("#num").val(); //獲取input中輸入的數字
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獲取下拉框的值下拉框默認選中方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com