select下拉方塊預設選中

這次帶給大家select下拉方塊預設選中，select下拉方塊預設選中的注意事項有哪些，下面就是實戰案例，一起來看一下。

本文主要介紹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");
}
} 
}

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

jQuery中如何實作toggle方法

#jquery中select元件的使用方法

#

以上是select下拉方塊預設選中的詳細內容。更多資訊請關注PHP中文網其他相關文章！