使用DIV屬性，在ASP.NET 中實現，文字框和下拉框組合，實現文字框即能輸入又能選擇

文章目錄

• 說明
• 說明

                                                <td class="right_chaxun_bai " align="left" width="17%" style="height: 24px;position:relative">
                                                  
   <div id="Layer1"   style="position:absolute;  width:16%;  z-index:0;left:0px;top:0px;margin-top:0px;">
                                                              <asp:DropDownList ID="TextHospitalName" runat="server" Width="150px">
                                                              </asp:DropDownList>
                                                        </div>
    <div   id="Layer2"   style="position:absolute; width:16%;  z-index:200;left:0px; top:0px;margin-top:0px;">
                                                         <asp:TextBox ID="TextHospitalName123" runat="server" Width="130px" CssClass="right_chaxun_input" ></asp:TextBox>
                                                       </div>
                                                 
                                                </td>

 

1 在後台，給下拉框掛事件

   this.TextHospitalName.Attributes.Add("onchange", "TextHospitalName123.value=this[selectedIndex].text");

2 主要使用DIV屬性，position布局，z-index屬性

 

定義和用法

position 屬性規定元素的定位類型。

說明

這個屬性定義建立元素布局所用的定位機制。任何元素都可以定位，不過絕對或固定元素會產生一個塊級框，而不論該元素本身是什麼類型。相對定位元素會相對於它在正常流中的預設位置位移。

 

可能的值

值	描述
absolute	產生絕對位置的元素，相對於 static 定位以外的第一個父元素進行定位。 元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
fixed	產生絕對位置的元素，相對於瀏覽器視窗進行定位。 元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
relative	產生相對定位的元素，相對於其正常位置進行定位。 因此，"left:20" 會向元素的 LEFT 位置添加 20 像素。
static	預設值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。
inherit	規定應該從父元素繼承 position 屬性的值。

 

 

z-index 屬性設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。

注釋：元素可擁有負的 z-index 屬性值。

注釋：Z-index 僅能在定位元素上奏效（例如 position:absolute;）！

說明

該屬性設定一個定位元素沿 Z 軸的位置，Z 軸定義為垂直延伸到顯示區的軸。如果為正數，則離使用者更近，為負數則表示離使用者更遠。