jquery中如何获取select 下拉框默认选中的值?

208 阅读1分钟
  1. 通过id获取下拉框默认选中的值
<select class="form-control"  id="numbers">
        <option value="1">数字1</option> 
         <option value="2" selected>数字2</option> 
</select>
$('#numbers option:selected').val() 获取到下拉框被选中的option的value值:2
$('#numbers option:selected').text() 获取到下拉框被选中的option文本内容:数字2
  1. 默认选中某个select值;增加selected属性
// 需求 input框失去数字,失去焦点时调用selectNumer()方法,选中与input框相同的数字
<div class="form-group">
   <label>输入框</label>
   <input class="form-control" onblur="selectNumber()" id="num">
   <p class="help-block">输入数字,失去焦点时下拉框选中输入的数字</p>
</div>
<div class="form-control" id="numbers"> 
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4" selected>4</option>
    <option value="5">5</option>
</div>
function selectNumber(){
    var num=$('#num').val() //获取input中输入的数字
    var numbers=$('#numbers').find('option')//类数组
    for(var j=1;j<numbers.length;j++){
        if($(numbers[j]).val()===num){ 
          //把dom对象变成jquery对象
          //使用jquery对象中的方法
          $(numbers[j].attr('selected','selected'))
        }
   }

}