<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>

<!--<script src="http://libs.baidu.com/jquery/1.6.4/jquery.min.js"></script>-->

<!--<script src="http://libs.baidu.com/jquery/1.5.2/jquery.min.js"></script>-->

<!--<script src="http://libs.baidu.com/jquery/1.4.4/jquery.min.js"></script>-->

<!--<script src="http://libs.baidu.com/jquery/1.3.2/jquery.min.js"></script>-->

<!--<script src="http://libs.baidu.com/jquery/1.2.3/jquery.min.js"></script>-->

<style type="text/css">

</style>

</head>

<body>

<form action="" id="form">

<select id="sl">

<option selected="true" value="0">第一个</option>

<option value="1">第二个</option>

<option value="2">第三个</option>

</select>

</form>

</body>

</html>

<script type="text/javascript" language="javascript">

//获取值

alert($("#sl option:selected").val());

alert($("#sl").find("option:selected").text());

alert($("#sl").val());


//获取选中option的索引

alert($("#sl ").get(0).selectedIndex);

alert($('#sl').prop('selectedIndex'));

alert($('#sl').find('option:selected').index());

alert($('#sl').prop('selectedIndex'));

alert($('#sl option').index($('#sl option:selected')));


//设置select 选中的value:

$("#sl ").attr("value", "1");

$("#sl ").val("1");

$("#sl ").get(0).value = 1;


//设置select的option选项

$("#sl").append("<option value='4'>第四个 添加的</option>"); //添加一项option

$("#sl").prepend("<option value='-1'>最前边 添加的</option>"); //在前面插入一项option

$("#sl option:last").remove(); //删除索引值最大的option

$("#sl option[value='2']").remove(); //删除值valuie为2的option

$("#sl option[index='0']").remove(); //删除索引值为0的option  jquery1.6以后就不支持这样删除了

$("#sl option[text='第三个']").remove(); //删除text值为4的option jquery 1.2以后就不支持了


//清空select的所有option

$("#sl ").empty();

</script>