700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > jquery中如何获取select 下拉框默认选中的值?

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

时间:2019-12-28 19:18:35

相关推荐

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

通过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

默认选中某个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'))}}}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。