找了好久，应该有比较简单的，不多说，上代码
页面：
<div id="testArea">
<select class="selq" onchange="startchosee(this)" >
<option value="1">选择1</option>
<option value="2">选择2</option>
<option value="3">选择3</option>
<option value="4">选择4</option>
<option value="5">选择5</option>
</select>
</div>
js控制：
var thisElement=$("#testArea").html();
var beforeElement="";
function startchosee(obj){
if(confirm("是否改变"+$(obj).find("option:selected").html())){
}else{
if(beforeElement!=""){
$("#testArea .selq").remove();
$("#testArea").append(parseDom(beforeElement));
}
}
beforeElement=nodeToString(obj);
thisElement=obj;
}
至于为啥做这两个转换，因为jquery源码理解不够深刻
//String 转为dom
function parseDom(arg) {
var objE = document.createElement("div");
objE.innerHTML = arg;
return objE.childNodes;
};
//转为dom转String
function nodeToString ( node ) {
console.log($(node).find("option:selected").val())
var tmpNode = document.createElement( "div" );
tmpNode.appendChild( node.cloneNode( true ) );
$(tmpNode).find("option").each(function(){
$(this).attr("selected",null);
});
$(tmpNode).find("option:eq("+($(node).find("option:selected").val()-1)+")").attr("selected",true);
var str = tmpNode.innerHTML;
tmpNode = node = null; // prevent memory leaks in IE
console.log(str)
return str;
}
主要借用别人的代码。略显粗糙。。见谅
原文地址：https://www.cnblogs.com/xy-dsh/p/11441981.html