<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>ViewUserControl1</title>
    <style>
        *{ margin:0px; padding:0px;}
        body{ overflow:hidden; font-size:14px; line-height:24px; padding:10px;}
        .search{}
        #SelectedContent{}
        #SelectedContent dl{ padding:0 0 0 4em;}
        #SelectedContent dd{ font-size:12px; font-style:italic;}
        #SelectedContent span{font-size:12px; padding:0 0 0 1em; color:#0e774a}
        a:link,a:active,a:visited{ color:#000; text-decoration:none;}
        a:hover{ color:#F00;}
        #page{ height:30px; line-height:30px; padding:0 10px;}
        .delete{}
        .add{}
    </style>
    <script src="/Scripts/jquery-1.4.2.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $(".add").click(function(){
                var temphtml=$("#SelectedName").html();
                if(temphtml==""||temphtml==null){
                    temphtml="<a href=\"#\" class=\"delete\">"+$(this).html()+"</a>";
                }else{
                    temphtml=temphtml+",<a href=\"#\" class=\"delete\">"+$(this).html()+"</a>";
                }
                $("#SelectedName").html(temphtml);
                
                return false;
            });
            $(".delete").click(function(){
                $(this).remove();
                //alert("ff");
            });
            $(".ff").click(function(){
                $("#SelectedID").val($("#SelectedName").html());
            });
        });
    </script>
</head>
<body>
    <div >已选择:<span id="SelectedName"></span><input type="text" id="SelectedID" size="50" /></div>
    <div class="search">
        <input type="text" id="SelectedKey" name="KeyWords" value="" size="60" />  <input type="button" value="查询" /> <a href="#" class="ff">ffff</a>
    </div>
    <div id="SelectedContent">
        <ul>
            <li><a href="#" class="add" on>国学研修</a></li>
            <li><a href="#" class=delete>国学研修</a></li>
        </ul>    </div>
    <div id="page">共12条记录</div>
</body>