开发中常常会遇到的一些前端Demao

<script>
    window.onload = function(){
        var opts = document.getElementById("select");
        var value = 2//这个值就是你获取的值;
        if(value!=""){
            for(var i=0;i<opts.options.length;i++){
                if(value==opts.options[i].value){
                    opts.options[i].selected = 'selected';
                    // alert(opts.options[i].value);
                    break;
                }
            }
        }
    }

    function changeSelect() {
        // alert(1233)
        debugger;
         var myselect=document.getElementById("select");
         var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index
         // myselect.options[index].value;
         // myselect.options[index].text;
         var workType = myselect.options[index].getAttribute('workType');
         alert(workType)
         var options=$("#select option:selected"); //获取选中的项
         alert(options.val()); //拿到选中项的值
         alert(options.text()); //拿到选中项的文本
         alert(options.attr('workType')); //拿到选中项的自定义属性值
     
    }

</script>

<form>
    <div>
        <span>选择选择</span>
        <select id="select" onchange="changeSelect()" >
        <option value="1" workType="A">我是哈哈</option>
        <option value="2" workType="S">黑乎乎胡</option>
        <option value="3" workType="D">呵呵大</option>
        </select>
    </div>
</form>