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

  1. 通过id获取下拉框默认选中的值
<select class="form-control"  id="numbers">
        <option value="1">数字1option> 
         <option value="2" selected>数字2option> 
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">1option>
    <option value="2">2option>
    <option value="3">3option>
    <option value="4" selected>4option>
    <option value="5">5option>
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'))
        }
   }

}

你可能感兴趣的:(JQuery,jquery,javascript,ecmascript)