ASP.NET WebForms でプロジェクトを作成しています。何度もやったのですが、今回はドロップダウンリストが大変困っています。
DB からアイテムを取得し、FOR ループを使用してドロップダウン リストに 1 つずつ追加します。それはうまくいきます。しかし、問題は、リストから項目を快適に選択できないことです。ドロップダウンリストから項目を選択しようとすると、選択が最初の要素にスナップされ、目的の項目を選択することが非常に難しくなります。
どうすれば修正できますか?
リストの 9 番目の項目にカーソルを移動すると、1 番目と 9 番目の項目が交互に選択されるので、両方が選択されていることがわかります。
コードビハインド
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
DropDownList1.Items.Clear();
con.ConnectionString = ConfigurationManager.ConnectionStrings["familyConnectionString"].ConnectionString;
con.Open();
adp = new SqlDataAdapter("select distinct family_head from family", con);
DataSet ds = new DataSet();
adp.Fill(ds, "family");
con.Close();
for (int i = 0; i < ds.Tables["family"].Rows.Count; i++)
DropDownList1.Items.Add(ds.Tables["family"].Rows[i][0].ToString());
}
}
ASPX
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:DropDownList ID="DropDownList1" runat="server" Width="150px">
</asp:DropDownList>
<asp:DropDownList ID="DropDownList2" runat="server" Width="150px">
</asp:DropDownList>
<asp:Button ID="Button1" runat="server" Height="30px" onclick="Button1_Click"
Text="Submit" Width="145px" BackColor="#465767" ForeColor="White" />
<asp:RoundedCornersExtender ID="Button1_RoundedCornersExtender" runat="server"
Enabled="True" TargetControlID="Button1" Corners="All" Radius="10">
</asp:RoundedCornersExtender>
<br />
<br />
<br />
</asp:Content>
CSS キーフレーム アニメーションがページの背景で機能しています。それが原因でしょうか?