jq-select操作 

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="http://js.40017.cn/touch/cn/public/jquery-1.8.3.min.js"></script>
</head>
<body>

<select name="" id="sel">
    <option value="1">one</option>
    <option value="2" selected="selected">two</option>
    <option value="3">three</option>
    <option value="4">four</option>
    <option value="5">five</option>
</select>
</body>
<script>
    //常用select操作
    //1.取得选中的text跟value
    $("#sel").change(function(){
        console.log($("#sel option:selected").text());
        console.log($("#sel").find('option:selected').text());
        console.log($("#sel").val());
    })

    //删除某个option
    $("#sel option").each(function(){
        if($(this).val()==3){
            $(this).remove();
        }
    })

    //根据option的值选中下拉框
    $("#sel").val("4");
</script>
</html>
posted @ 2015-02-15 13:15  zhouyan_jsj  Views(157)  Comments(0)  Edit  收藏  举报