<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> </head> <body> <select readonly="readonly"> <option value="13">需求变动</option> <option value="14">新增需求</option> <option value="15" selected="selected">设计文档</option> <option value="16">配置相关</option> <option value="22">事务跟踪</option> <option value="23">其他</option> </select> <script> $.fn.selectReadOnly=function(){ var tem=$(this).children('option').index($("option:selected")); $(this).change(function(){ $(this).children('option').eq(tem).attr("selected",true); }); } $("select:[readonly='readonly']").selectReadOnly(); </script> </body> </html>