首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

非常怪异的Jquery有关问题

2013-10-30 
非常怪异的Jquery问题function cgtest(){var level$(#SelectM).val()alert(level)//不管怎么选择下拉

非常怪异的Jquery问题
非常怪异的Jquery有关问题




function cgtest()
        {
            var level=$("#SelectM").val();
            alert(level);//不管怎么选择下拉列框,每次打印出来都是3
        }


不管怎么选择下拉列框,每次打印出来都是3
原因是你选中的是下拉菜单中的选项,你那么写是获得下拉菜单的值(默认为第一个选项),因此永远都是3
改成
var level=$("#SelectM option:selected").val();
试一下
[解决办法]
<!DOCTYPE HTML>
<html>
<head>
<meta charset="gbk" />
<title></title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style>

</style>
</head>
<body>
<select name="test" id="test">
<option value="1">1</option>
<option value="2">2</option>
<option value="3" selected="selected">3</option>
<option value="4">4</option>
</select>
<script>
$('#test').change(function(){
alert( $('#test').val() )
})
</script>
</body>
</html>


没问题的
[解决办法]

<select onchange="val( this );">
<option value="1">1111</option>
<option value="2">2222</option>
<option value="3">3333</option>
<option value="4">4444</option>
<option value="5">5555</option>
</select>
</body>


function E( x ){console.log( x );};
function val( target ){
    E( target.value );
};

热点排行