<script type="text/javascript" >
               function ChangeServer()
               {
                $("Server").value=$("InputServer").value;
               }
              </script>
              <div class='select' style="position:relative;" >
              <div style="margin-left:98px;width:20px;overflow:hidden;" >
              <select   defaultvalue="@@readvalue"  style="width:120px;margin-left:-100px"   class="selectinput" id="InputServer" name="InputServer"  onchange="ChangeServer();" >
              <option value="3322.org"   <%showSelectValue(readvalue,"3322.org");%>  >3322.org</option>                               
              <option value="dyndns.org"   <%showSelectValue(readvalue,"dyndns.org");%> >dyndns.org</option>
              <option value="ulookme.com"   <%showSelectValue(readvalue,"ulookme.com");%> >ulookme.com</option>
              </select>
              </div>
              <input class="input" style="border:0px;width:103px;position:absolute;left:0px;" id="Server"  name="Server"  type="text" value="@@readvalue" />
              </div>

<STYLE TYPE="text/css"  >
<!--

.input,textarea
{
 font-size:12px;
 border: 1px solid #7f9db9;
}

.select *
{
 margin: 0;
 padding: 0;
 font-size:12px;
}
.select
{
 border:1px solid #6699cc;
 float: left;
 display: inline;
 font-size:12px;
}

.select div
{
 border:1px solid #f9f9f9;
 float: left;
 font-size:12px;
}
/* 子选择器，在FF等非IE浏览器中识别 */
.select>div
{
 font-size:12px;
 width:120px;
 height: 17px;
 overflow:hidden;
}
 
/* 通配选择符，只在IE浏览器中识别 */
* html .select div select
{
 font-size:12px;
 display:block;
 float: left;
 margin: -2px;
}

.select div>select
{
 display:block;
 width:124px;
 float:none;
 margin: -2px;
 padding: 0px;
}

.select:hover
{
  border:1px solid #666666; //鼠标移上的效果
}

.select select>option
{
 font-size:12px;
 text-indent: 2px; //option在FF等非IE浏览器缩进2px
}

select
{
 font-size:12px;
 margin:-1px;
}

-->
</STYLE>