socialforge/app/views/my/account.html.erb

<% @nav_dispaly_home_path_label = 1
   @nav_dispaly_main_course_label = 1
   @nav_dispaly_main_project_label = 1
   @nav_dispaly_main_contest_label = 1 %>
<% @nav_dispaly_forum_label = 1%>

<script type="text/javascript">
    $(document).ready(
            function () {
                $("#province").attr("href", "#WOpenWindow")
                $("#province").leanModal({top: 100, closeButton: ".modal_close"});
                var $lastname = $('#user_lastname')
                var $firstname = $('#user_firstname')
                var $enterprise = $('#enterprise_name')
                $lastname.blur(function () {
                    var pas1 = document.getElementById("user_lastname").value;

                    if (pas1 == "") {
                        $('#valid_lastname').html('<span class="red">' + "<%= l(:lastname_empty) %>"+ "</span>");
                        $('#lastname_limit').hide();
                    }
                    else {
                        $('#valid_lastname').html('<span class="red">' + "</span>");
                        $('#lastname_limit').show();
                    }

                });
                $firstname.blur(function () {
                    var pas1 = document.getElementById("user_firstname").value;

                    if (pas1 == "") {
                        $('#valid_firstname').html('<span class="red">' + "<%= l(:firstname_empty) %>"+ "</span>");
                        $('#firstname_limit').hide();
                    }
                    else {
                        $('#valid_firstname').html('<span class="red">' + "</span>");
                        $('#firstname_limit').show();
                    }
                });
                $enterprise.blur(function () {
                    var pas1 = document.getElementById("enterprise_name").value;

                    if (pas1 == "") {
                        $('#valid_companyname').html('<span class="red">' + "<%= l(:enterprise_empty) %>"+ "</span>");

                    }
                    else {
                        $('#valid_lastname').html('<span class="red">' + "</span>");

                    }

                });
            }
    );
</script>

<script type="text/javascript">
    function submit_my_account_form()
    {
        var lastname = document.getElementById('user_lastname').value;
        var firstname = document.getElementById('user_firstname').value;
        if(lastname != "" && firstname != "")
        {
            $("#my_account_form").submit();
        }
        else {
            parent.alert("<%= l(:label_firstname_lastname_empty)%>");
        }
    }
    function get_options(value) {
        var prefix = "";
        if(location.href.indexOf('ros')>=0)
        {
            prefix = "/ros"
        }
        $.ajax({
            type: "POST",
            url: prefix + '/school/get_options/' + encodeURIComponent(value),
            data: 'text',
            success: function (data) {
                $("#province").val(value);
                $("#schoollist").html(data);
            }
        });
    }
</script>
<div class="contextual" style="padding-right: 10px;">
  <%= link_to(l(:button_change_password), {:action => 'password'}, :class => 'icon icon-passwd') if @user.change_password_allowed? %>
  <%= call_hook(:view_my_account_contextual, :user => @user) %>
</div>

<h3 style="padding-left: 10px;">
  <%= l(:label_my_account) %>
</h3>
<%= error_messages_for 'user' %>
<fieldset class="box" style="margin:10px;">
<%= labelled_form_for :user, @user,
                      :url => {:action => "account"},
                      :html => {:id => 'my_account_form',

                                :method => :post} do |f| %>
    <fieldset class="collapsible collapsed" style="width:800px;margin-left: 10px;">
      <legend onclick="toggleFieldset(this);">
        <%= l(:label_my_photo) %>
      </legend>
      <div>
        <!--upload profiles-->
        <%= render :partial => "avatar/avatar_form",:style => "display:inline", :locals => {source: @user} %>
        <!--upload-->
      </div>
    </fieldset>
    <fieldset class="collapsible collapsed" style="width:800px;margin-left: 10px;">
    <legend onclick="toggleFieldset(this);">
      <%= l(:label_information_plural) %>
    </legend>


    <div>
    <!-- 昵称 -->
    <p style="width:730px;padding-left: 40px;">
      <%= f.text_field :login, :required => true, :size => 25, :name => "login", :style =>  'border:1px solid #d3d3d3;'%>
      <span class='font_lighter'><%= l(:label_max_number) %></span>
      <br/>
    </p>

    <p style="width:400px;padding-left: 53px;">
      <label for="userIdentity">
        <%= l(:label_identity) %><span class="required"> *</span></label>
      <select onchange="showtechnical_title(this.value, $('#userTechnical_title'));" name="identity" id="userIdentity" class="location" style="margin: -4px;">
        <option value="">
          <%= l(:label_account_identity_choose) %>
        </option>
        <option value="0">
          <%= l(:label_account_identity_teacher) %>
        </option>
        <option value="1">
          <%= l(:label_account_identity_student) %>
        </option>
        <option value="2">
          <%= l(:label_account_identity_enterprise) %>
        </option>
        <option value="3">
          <%= l(:label_account_identity_developer) %>
        </option>

      </select>
            <span id='technical_title' style='display:none'>
              <select name="technical_title" id="userTechnical_title"></select>
            </span>
            <span id='no' style='display:none'>
              <!-- modified by fq -->

              <% if !User.current.user_extensions.nil? && !User.current.user_extensions.student_id.nil? %>
                <%= text_field_tag :no, User.current.user_extensions.student_id, :placeholder => l(:label_account_identity_studentID) %>
              <% else %>
                <%= text_field_tag :no, nil, :placeholder => l(:label_account_identity_studentID) %></span>
              <% end %>

              <!-- end -->
              </span>
              </p>
        <span id='name' style='display:none'>
            <p style="width:530px;padding-left: 53px;">
              <%= f.text_field :lastname, :size => 25,  :required => true %>
              <span class='font_lighter' id="lastname_limit">
                <%= l(:field_lastname_eg) %>
              </span>
              <span id="valid_lastname"></span>
            </p>
            <p style="width:530px;padding-left: 53px;">
              <%= f.text_field :firstname, :size => 25, :required => true %>
              <span class='font_lighter' id="firstname_limit">
                <%= l(:field_firstname_eg) %>
              </span>
              <span id="valid_firstname"></span>
            </p>
        </span>
        
        <span id='enterprise' style='display:none'>
        <p style="width:400px;padding-left: 39px;">
          <%= l(:label_company_name)%><span style="color: #bb0000"> *</span>
          <%= text_field_tag :enterprise_name, @user.firstname %>
          <span id="valid_companyname"></span>
        </p>
        </span>

      <!-- added by bai  增加账户里的性别-->
        <span id='gender' style='display:none'>
        <% if @user.user_extensions.nil? %>
            <p style="width:400px;padding-left: 53px;">
              <label for="gender"><%= l(:label_gender) %>&nbsp;&nbsp;</label>
              <%= select_tag 'gender', "<option value = '0'>#{l(:label_gender_male)}</option><option value = '1'>#{l(:label_gender_female)}</option>".html_safe, :class => 'gender' %>
            </p>
        <% else %>
            <% if @user.user_extensions.gender == 0 %><!-- label_gender_male -->
              <p style="width:400px;padding-left: 53px;">
                <label for="gender"><%= l(:label_gender) %>&nbsp;&nbsp;</label>
                <%= select_tag 'gender', "<option value = '0'>#{l(:label_gender_male)}</option><option value = '1'>#{l(:label_gender_female)}</option>".html_safe, :class => 'gender' %>
              </p>
            <% else %>
                <p style="width:400px;padding-left: 54px;">
                  <label for="gender"><%= l(:label_gender) %>&nbsp;&nbsp;</label>
                  <%= select_tag 'gender', "<option value = '0'>#{l(:label_gender_male)}</option><option value = '1' selected='selected'>#{l(:label_gender_female)}</option>".html_safe, :class => 'gender' %>
                </p>
            <% end %>
        <% end %>
        </span>






      <!-- added by Wen -->
      <p id="occupation_detail" style="padding-left: 25px; display: none">

            <label for="occupation_name"><%= l(:field_occupation) %></label>
            <span class="required">&nbsp;</span>
        <% if User.current.user_extensions.nil? %>
            <input id="province" name="province" style="display: none" type="text" value=<%= l(:field_occupation_click) %> readonly>
            <input id="occupation" name="occupation" style="display: none"  type="text" value="" />
            <input id="occupation_name" type="text" style="display: none" readonly/>
        <% else %>
            <% if User.current.user_extensions.identity == 3 || User.current.user_extensions.identity == 2 %>

                <input id="province" name="province" style="display: none" type="text" value=<%= l(:field_occupation_click) %> readonly>
                <input id="occupation" name="occupation" style="display: none"  type="text" value="<%= @user.user_extensions.occupation %>" />
                <input id="occupation_name" type="text" style="display: none" readonly/>
        <% elsif User.current.user_extensions.school.nil? %>

            <input id="province" name="province" style="display: none" type="text" value=<%= l(:field_occupation_click) %> readonly>
            <input id="occupation" name="occupation" style="display: none"  type="text"  />
            <input id="occupation_name" type="text" style="display: none" readonly/>
        <% else %>

            <input id="province" name="province" style="display: none" type="text" value="<%= User.current.user_extensions.school.province %>" readonly/>
            <input id="occupation" name="occupation" type="text"  style="display: none" value="<%= User.current.user_extensions.school.id %>"/>
            <input id="occupation_name" type="text"  style="display: none" value="<%= User.current.user_extensions.school.name %>" readonly="true" style="background-color: #E2E2E2;"/>
        <% end %>
        <% end %>
      </p>

      <div id="WOpenWindow">
        <a class="modal_close" href="#"></a>
        <h2 style="margin: 10px"><%= l(:lable_school_list)%></h2>
        &nbsp;&nbsp;
        <div class="pcontent">
          <ul id="provincelist" class="school_list">
            <% @ss = School.find_by_sql("select distinct province from schools") %>
            <% @ss.each do |s| %>
                <li style="width: 15%; float: left;">
                  <a style="cursor: pointer;" onclick="get_options('<%= s.province %>')"><%= s.province %>
                  </a>
                </li>
            <% end %>
          </ul>
        </div>

        <div class="content" style="font-size: 13px">
          <ul id="schoollist" class="school_list">

          </ul>
        </div>
      </div>

      <script type="text/javascript">
          function test(id, name) {
              //$("#occupation").html("<option value='"+id+"'>"+name+"</option>");
              $("#occupation").val(id);
              $("#occupation_name").val(name);

              $("#lean_overlay").hide();
              $("#WOpenWindow").hide();
          }
      </script>

      <!-- added by bai 增加了地区 -->

      <!-- end -->

      <p style="width:357px;padding-left: 27px;">
        <%= f.text_field :mail, :required => true %>
      </p>

      <p style="width:426px;padding-left:54px;">
        <%= f.select :language, :Chinese => :zh, :English => :en %>
      </p>


        <% if  !User.current.user_extensions.nil? %>
            <% province = User.current.user_extensions.location %>
            <% city = User.current.user_extensions.location_city %>
            <% identity = User.current.user_extensions.identity %>
            <% occupation1 = User.current.user_extensions.occupation %>
            <% occupation = User.current.user_extensions.occupation %>
            <% title = User.current.user_extensions.technical_title %>
            <% language = User.current.language %>
        <% else %>
           <% province = "湖南省" %>
           <% city = "长沙"%>
           <% identity = ""%>
           <% occupation1 = ""%>
           <% title = "" %>
           <% language = ""%>
         <% end %>
      <script type="text/javascript" language="javascript">
          $().ready(function () {
              var province = "<%= "#{province}" %>"
              var city = "<%= "#{city}" %>"
              init_province_and_city(document.getElementById('userProvince'), province, document.getElementById('userCity'), city);
              var identity = "<%= "#{identity}" %>"
              var title = "<%= "#{title}" %>"
              var language = "<%= "#{language}" %>"
              var occupation1 = "<%= "#{occupation}" %>"

              init_identity_and_title(document.getElementById('userIdentity'), identity, document.getElementById('userTechnical_title'), title, language);

          });
      </script>

      <p style="width:400px;padding-left: 55px;"><label style="margin-right: 5px;" for="userProvince"><%= l(:label_location) %></label>
        <select onchange="showcity(this.value, document.getElementById('userCity'));" name="province" id="userProvince" class="location">
          <option value=""><%= l('location.select.click')%></option>
          <option value="北京">北京</option>
          <option value="上海">上海</option>
          <option value="广东">广东</option>
          <option value="江苏">江苏</option>
          <option value="浙江">浙江</option>
          <option value="重庆">重庆</option>
          <option value="安徽">安徽</option>
          <option value="福建">福建</option>
          <option value="甘肃">甘肃</option>
          <option value="广西">广西</option>
          <option value="贵州">贵州</option>
          <option value="海南">海南</option>
          <option value="河北">河北</option>
          <option value="黑龙江">黑龙江</option>
          <option value="河南">河南</option>
          <option value="湖北">湖北</option>
          <option value="湖南">湖南</option>
          <option value="江西">江西</option>
          <option value="吉林">吉林</option>
          <option value="辽宁">辽宁</option>
          <option value="内蒙古">内蒙古</option>
          <option value="宁夏">宁夏</option>
          <option value="青海">青海</option>
          <option value="山东">山东</option>
          <option value="山西">山西</option>
          <option value="陕西">陕西</option>
          <option value="四川">四川</option>
          <option value="天津">天津</option>
          <option value="新疆">新疆</option>
          <option value="西藏">西藏</option>
          <option value="云南">云南</option>
          <option value="香港">香港特别行政区</option>
          <option value="澳门">澳门特别行政区</option>
          <option value="台湾">台湾</option>
          <option value="海外">海外</option>
        </select>
        <select name="city" id="userCity" class="location"></select>
      </p>




    </div>


    <% if Setting.openid? %>
        <p>
          <%= f.text_field :identity_url %>
        </p>
    <% end %>

    <% @user.custom_field_values.select(&:editable?).each do |value| %>
        <p> <%= custom_field_tag_with_label :user, value %> </p>
    <% end %>
    <%= call_hook(:view_my_account, :user => @user, :form => f) %>
    </fieldset>

    <fieldset class="collapsible collapsed" style="width:800px;margin-left: 10px;">
      <legend onclick="toggleFieldset(this);">
        <%= l(:field_mail_notification) %>
      </legend>
      <div style="padding-left: 3px;"> <!-- modified by ming -->
        <p style="width:380px;">
          <%= render :partial => 'users/mail_notifications' %>
        </p></div>
    </fieldset>

    <!-- added by william -->
    <fieldset class="collapsible collapsed" style="width:800px;margin-left: 10px;display: none">
      <legend onclick="toggleFieldset(this);">
        <%= l(:label_user_extensions) %>
      </legend>
      <div>
        <%= render :partial => 'users/user_extensions' %></div>
    </fieldset>
    <!-- end -->
    <input type="button" class="enterprise" value="<%=l(:button_save) %>" onclick="submit_my_account_form();" >
    </fieldset>
<% end %>
<% html_title(l(:label_my_account)) -%>

<script type="text/javascript" language="javascript">
    function showcity(province, cityField) {
        switch (province) {
            case "北京" :
                var cityOptions = new Array(
                        "东城", "西城", "朝阳", "丰台", "石景山", "海淀", "门头沟",
                        "房山", "通州", "顺义", "昌平", "大兴", "平谷", "怀柔", "密云", "延庆");
                break;
            case "上海" :
                var cityOptions = new Array(
                        "崇明", "黄浦", "卢湾", "徐汇", "长宁", "静安", "普陀", "闸北", "虹口", "杨浦", "闵行",
                        "宝山", "嘉定", "浦东", "金山", "松江", "青浦", "南汇", "奉贤");
                break;
            case "广东" :
                var cityOptions = new Array(
                        "广州", "深圳", "珠海", "东莞", "中山", "佛山", "惠州", "河源", "潮州", "江门", "揭阳", "茂名",
                        "梅州", "清远", "汕头", "汕尾", "韶关", "顺德", "阳江", "云浮", "湛江", "肇庆");
                break;
            case "江苏" :
                var cityOptions = new Array(
                        "南京", "常熟", "常州", "海门", "淮安", "江都", "江阴", "昆山", "连云港", "南通",
                        "启东", "沭阳", "宿迁", "苏州", "太仓", "泰州", "同里", "无锡", "徐州", "盐城",
                        "扬州", "宜兴", "仪征", "张家港", "镇江", "周庄");
                break;
            case "重庆" :
                var cityOptions = new Array(
                        "万州", "涪陵", "渝中", "大渡口", "江北", "沙坪坝", "九龙坡", "南岸", "北碚", "万盛",
                        "双挢", "渝北", "巴南", "黔江", "长寿", "綦江", "潼南", "铜梁", "大足", "荣昌", "壁山",
                        "梁平", "城口", "丰都", "垫江", "武隆", "忠县", "开县", "云阳", "奉节", "巫山", "巫溪",
                        "石柱", "秀山", "酉阳", "彭水", "江津", "合川", "永川", "南川");
                break;
            case "安徽" :
                var cityOptions = new Array(
                        "合肥", "安庆", "蚌埠", "亳州", "巢湖", "滁州", "阜阳", "贵池", "淮北", "淮化", "淮南",
                        "黄山", "九华山", "六安", "马鞍山", "宿州", "铜陵", "屯溪", "芜湖", "宣城");
                break;
            case "福建" :
                var cityOptions = new Array(
                        "福州", "厦门", "泉州", "漳州", "龙岩", "南平", "宁德", "莆田", "三明");
                break;
            case "甘肃" :
                var cityOptions = new Array(
                        "兰州", "白银", "定西", "敦煌", "甘南", "金昌", "酒泉", "临夏", "平凉", "天水",
                        "武都", "武威", "西峰", "张掖");
                break;
            case "广西" :
                var cityOptions = new Array(
                        "南宁", "百色", "北海", "桂林", "防城港", "贵港", "河池", "贺州", "柳州", "钦州", "梧州", "玉林");
                break;
            case "贵州" :
                var cityOptions = new Array(
                        "贵阳", "安顺", "毕节", "都匀", "凯里", "六盘水", "铜仁", "兴义", "玉屏", "遵义");
                break;
            case "海南" :
                var cityOptions = new Array(
                        "海口", "儋县", "陵水", "琼海", "三亚", "通什", "万宁");
                break;
            case "河北" :
                var cityOptions = new Array(
                        "石家庄", "保定", "北戴河", "沧州", "承德", "丰润", "邯郸", "衡水", "廊坊", "南戴河", "秦皇岛",
                        "唐山", "新城", "邢台", "张家口");
                break;
            case "黑龙江" :
                var cityOptions = new Array(
                        "哈尔滨", "北安", "大庆", "大兴安岭", "鹤岗", "黑河", "佳木斯", "鸡西", "牡丹江", "齐齐哈尔",
                        "七台河", "双鸭山", "绥化", "伊春");
                break;
            case "河南" :
                var cityOptions = new Array(
                        "郑州", "安阳", "鹤壁", "潢川", "焦作", "济源", "开封", "漯河", "洛阳", "南阳", "平顶山",
                        "濮阳", "三门峡", "商丘", "新乡", "信阳", "许昌", "周口", "驻马店");
                break;
            case "香港" :
                var cityOptions = new Array(
                        "香港", "九龙", "新界");
                break;
            case "湖北" :
                var cityOptions = new Array(
                        "武汉", "恩施", "鄂州", "黄冈", "黄石", "荆门", "荆州", "潜江", "十堰", "随州", "武穴",
                        "仙桃", "咸宁", "襄阳", "襄樊", "孝感", "宜昌");
                break;
            case "湖南" :
                var cityOptions = new Array(
                        "长沙", "常德", "郴州", "衡阳", "怀化", "吉首", "娄底", "邵阳", "湘潭", "益阳", "岳阳",
                        "永州", "张家界", "株洲");
                break;
            case "江西" :
                var cityOptions = new Array(
                        "南昌", "抚州", "赣州", "吉安", "景德镇", "井冈山", "九江", "庐山", "萍乡",
                        "上饶", "新余", "宜春", "鹰潭");
                break;
            case "吉林" :
                var cityOptions = new Array(
                        "长春", "吉林", "白城", "白山", "珲春", "辽源", "梅河", "四平", "松原", "通化", "延吉");
                break;
            case "辽宁" :
                var cityOptions = new Array(
                        "沈阳", "鞍山", "本溪", "朝阳", "大连", "丹东", "抚顺", "阜新", "葫芦岛", "锦州",
                        "辽阳", "盘锦", "铁岭", "营口");
                break;
            case "澳门" :
                var cityOptions = new Array("澳门");
                break;
            case "内蒙古" :
                var cityOptions = new Array(
                        "呼和浩特", "阿拉善盟", "包头", "赤峰", "东胜", "海拉尔", "集宁", "临河", "通辽", "乌海",
                        "乌兰浩特", "锡林浩特");
                break;
            case "宁夏" :
                var cityOptions = new Array(
                        "银川", "固源", "石嘴山", "吴忠");
                break;
            case "青海" :
                var cityOptions = new Array(
                        "西宁", "德令哈", "格尔木", "共和", "海东", "海晏", "玛沁", "同仁", "玉树");
                break;
            case "山东" :
                var cityOptions = new Array(
                        "济南", "滨州", "兖州", "德州", "东营", "菏泽", "济宁", "莱芜", "聊城", "临沂",
                        "蓬莱", "青岛", "曲阜", "日照", "泰安", "潍坊", "威海", "烟台", "枣庄", "淄博");
                break;
            case "山西" :
                var cityOptions = new Array(
                        "太原", "长治", "大同", "候马", "晋城", "离石", "临汾", "宁武", "朔州", "忻州",
                        "阳泉", "榆次", "运城");
                break;
            case "陕西" :
                var cityOptions = new Array(
                        "西安", "安康", "宝鸡", "汉中", "渭南", "商州", "绥德", "铜川", "咸阳", "延安", "榆林");
                break;
            case "四川" :
                var cityOptions = new Array(
                        "成都", "巴中", "达川", "德阳", "都江堰", "峨眉山", "涪陵", "广安", "广元", "九寨沟",
                        "康定", "乐山", "泸州", "马尔康", "绵阳", "眉山", "南充", "内江", "攀枝花", "遂宁",
                        "汶川", "西昌", "雅安", "宜宾", "自贡", "资阳");
                break;
            case "台湾" :
                var cityOptions = new Array(
                        "台北", "基隆", "台南", "台中", "高雄", "屏东", "南投", "云林", "新竹", "彰化", "苗栗",
                        "嘉义", "花莲", "桃园", "宜兰", "台东", "金门", "马祖", "澎湖");
                break;
            case "天津" :
                var cityOptions = new Array(
                        "天津", "和平", "东丽", "河东", "西青", "河西", "津南", "南开", "北辰", "河北", "武清", "红挢",
                        "塘沽", "汉沽", "大港", "宁河", "静海", "宝坻", "蓟县");
                break;
            case "新疆" :
                var cityOptions = new Array(
                        "乌鲁木齐", "阿克苏", "阿勒泰", "阿图什", "博乐", "昌吉", "东山", "哈密", "和田", "喀什",
                        "克拉玛依", "库车", "库尔勒", "奎屯", "石河子", "塔城", "吐鲁番", "伊宁");
                break;
            case "西藏" :
                var cityOptions = new Array(
                        "拉萨", "阿里", "昌都", "林芝", "那曲", "日喀则", "山南");
                break;
            case "云南" :
                var cityOptions = new Array(
                        "昆明", "大理", "保山", "楚雄", "大理", "东川", "个旧", "景洪", "开远", "临沧", "丽江",
                        "六库", "潞西", "曲靖", "思茅", "文山", "西双版纳", "玉溪", "中甸", "昭通");
                break;
            case "浙江" :
                var cityOptions = new Array(
                        "杭州", "安吉", "慈溪", "定海", "奉化", "海盐", "黄岩", "湖州", "嘉兴", "金华", "临安",
                        "临海", "丽水", "宁波", "瓯海", "平湖", "千岛湖", "衢州", "江山", "瑞安", "绍兴", "嵊州",
                        "台州", "温岭", "温州", "余姚", "舟山");
                break;
            case "海外" :
                var cityOptions = new Array(
                        "美国", "日本", "英国", "法国", "德国", "其他");
                break;
            default:
                var cityOptions = new Array("");
                break;
        }

        cityField.options.length = 0;
        for (var i = 0; i < cityOptions.length; i++) {
            cityField.options[i] = new Option(cityOptions[i], cityOptions[i]);
            /*
             if (cityField.options[i].value==city)
             {
             //alert("here put City ok!");
             document.oblogform["city"].selectedIndex = i;
             }*/
        }
    }
    function init_province_and_city(pField, province, cField, city) {
        for (var i = 0; i < pField.options.length; i++) {
            if (pField.options[i].value == province) {
                pField.selectedIndex = i;
            }
        }
        showcity(province, cField);
        for (var i = 0; i < cField.options.length; i++) {
            if (cField.options[i].value == city) {
                cField.selectedIndex = i;
            }
        }
    }

    function init_identity_and_title(pField, identity, cField, title, language) {
        for (var i = 0; i < pField.options.length; i++) {
            if (pField.options[i].value == identity) {
                pField.selectedIndex = i;
            }
        }
        showtechnical_title(identity, cField);

        if(language == 'zh') {
            switch (title) {
                case 'Professor' :
                    title1 = '教授';
                    break;
                case 'Associate professor' :
                    title1 = '副教授';
                    break;
                case 'Lecturer' :
                    title1 = '讲师';
                    break;
                case 'Teaching assistant' :
                    title1 = '助教';
                    break;
                default :
                    title1 = title;
                    break;
            }
        }
        else {
            switch (title) {
                case '教授' :
                    title1 = 'Professor';
                    break;
                case '副教授' :
                    title1 = 'Associate professor';
                    break;
                case '讲师' :
                    title1 = 'Lecturer';
                    break;
                case '助教' :
                    title1 = 'Teaching assistant';
                    break;
                default :
                    title1 = title;
                    break;
            }
        }

        for (var i = 0; i < cField.options.length; i++) {
            if (cField.options[i].value == title1) {
                cField.selectedIndex = i;
            }
        }
    }
    function showtechnical_title(identity, technical_titleField) {
        switch (identity) {

            case '0' :
                $('#technical_title').show()
                $('#no').hide()
                $('#name').show()
                $('#enterprise').hide()
                $('#gender').show()
                $('#occupation_detail').show()
                $('input#province').show()
                $('input#occupation_name').show()
                $('input#occupation').hide()

                var technical_titleOptions = new Array(
                        "<%= l(:label_technicl_title_professor) %>", "<%= l(:label_technicl_title_associate_professor) %>", "<%= l(:label_technicl_title_lecturer) %>", "<%= l(:label_technicl_title_teaching_assistant) %>");
                break;

            case '1' :
                $('#technical_title').hide()
                $('#no').show()
                $('#name').show()
                $('#enterprise').hide()
                $('#gender').show()
                $('#occupation_detail').show()
                $('input#province').show()
                $('input#occupation_name').show()
                $('input#occupation').hide()

                var technical_titleOptions = new Array(
                        "<%= l(:label_technicl_title_professor) %>", "<%= l(:label_technicl_title_associate_professor) %>", "<%= l(:label_technicl_title_lecturer) %>", "<%= l(:label_technicl_title_teaching_assistant) %>");

                break;

            case '2' :
                $('#technical_title').hide()
                $('#no').hide()
                $('#name').hide()
                $('#enterprise').show()
                $('#gender').hide()
                $('#occupation_detail').hide()
                var technical_titleOptions = new Array(
                        "<%= l(:label_technicl_title_professor) %>", "<%= l(:label_technicl_title_associate_professor) %>", "<%= l(:label_technicl_title_lecturer) %>", "<%= l(:label_technicl_title_teaching_assistant) %>");

                break;
            case '3':
                $('#technical_title').hide()
                $('#no').hide()
                $('#name').show()
                $('#enterprise').hide()
                $('#gender').show()
                $('#occupation_detail').show()
                $('input#province').hide()
                $('input#occupation_name').hide()
                $('input#occupation').show()
//                document.getElementById("occupation").value = "";
                var technical_titleOptions = new Array(
                        "<%= l(:label_technicl_title_professor) %>", "<%= l(:label_technicl_title_associate_professor) %>", "<%= l(:label_technicl_title_lecturer) %>", "<%= l(:label_technicl_title_teaching_assistant) %>");

                break;
            default:
                $('#technical_title').hide()
                $('#no').hide()
                $('#name').show()
                $('#enterprise').hide()
                $('#gender').show()
                $('#occupation_detail').hide()
                var technical_titleOptions = new Array(
                    "<%= l(:label_technicl_title_professor) %>", "<%= l(:label_technicl_title_associate_professor) %>", "<%= l(:label_technicl_title_lecturer) %>", "<%= l(:label_technicl_title_teaching_assistant) %>");


                break;

        }
        technical_titleField.options.length = 0;
        for (var i = 0; i < technical_titleOptions.length; i++) {
            technical_titleField.options[i] = new Option(technical_titleOptions[i], technical_titleOptions[i]);
            /*
             if (cityField.options[i].value==city)
             {
             //alert("here put City ok!");
             document.oblogform["city"].selectedIndex = i;
             }*/
        }
    }
</script>