jQuery 获取 select 选择值和显示值以及隐藏默认下拉箭头

1. jQuery获取值
$("#sex").val(); //选中的值
$("#sex option:checked").text(); //显示的值
2. 隐藏select默认的下拉箭头
select::-ms-expand{ display: none; } //ie清除
select{
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background: url(“images/bot_imgs.png”) no-repeat scroll right center transparent;
}
3.实例

html

    
        请选择
        男
        女
    
    

    点击查看选中的值
    

    选中的值：
    

    
    

    

    显示的值：
    

    

js

$(function(){
	$(".select_1").click(function(){
        var selectval=$("#sex").val();
        var showtext=$("#sex option:checked").text();
        $("#selectval").attr("value",selectval);
        $("#showtext").attr("value",showtext);
    });
	})

css

select{
    width: 200px;
    -moz-appearance:none;  
    -webkit-appearance:none;
    background:url(images/bot_imgs.png) no-repeat scroll right center transparent;
}

结果