1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><html>
5 <title>Test</title>
6 <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
7 </head>
8 <body>
9 <select id="mySelect">
10 <option value="1">First</option>
11 </select>
12 <script type="text/javascript">
13 /* var sel = document.getElementsByTagName("select")[0],
14 _sel = sel.cloneNode(true),
15 span = document.createElement("span");
16 span.style.border = "1px solid red"; //span.style.cssText = "border: 1px solid red";
17 span.appendChild(_sel);
18 sel.parentNode.replaceChild(span, sel);
19 */
20 $("#mySelect").wrap("<span></span>");
21 $("span").css("border","1px solid red");
22 </script>
23 </body>
24 </html>