原生select下拉html标签以及默认选中以及清除选中

//html标签 

    <select name="dType" id="dType" style="width: 100%;height: 85%">
            <option value="">请选择</option>
            <option>男</option>
            <option>女</option>
    </select>

 

方式一:

//设置默认选中

$("#dType").find("option[value='"+data.doctor.sex+"']").attr("selected",true);

//取消选中

$("#dType").find("option[value='"+data.doctor.sex+"']").attr("selected",false);

 

 

方式二:

<script>
    //取消选中
    function resetOption(id) {
        $('#' + id).find("option").each(function() {
            $(this).removeAttr("selected");
        });
    }
    // 选中。这里强调的是：Chrome的BUG（版本67.0.3371.0（正式版本） （32 位））
    function setOption(id, optionID) {
        if (optionID == null) {
            return;
        }
        $('#' + id).find("option").each(function() {
            if ($(this).val() == optionID) {
                $(this).attr("selected", "selected");
            }
        });
    }
</script>

说明

$(this).removeAttr("selected");//从当前元素中移除 selected 属性

从任何 p 元素中移除 id 属性：

$("button").click(function(){
  $("p").removeAttr("id");
});

详情请点击