How to put a space character before option text in a HTML select element?

最新推荐文章于 2023-04-24 19:15:00 发布

原创最新推荐文章于 2023-04-24 19:15:00 发布 · 839 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#character #html #server #asp

C# 同时被 3 个专栏收录

11 篇文章

订阅专栏

JavaScript Taster

10 篇文章

订阅专栏

ASP.NET

8 篇文章

订阅专栏

本文介绍了如何使用客户端JavaScript和服务器端C#分别向HTML选择框中添加选项。客户端代码通过getElementById获取选择框元素，并创建新的选项元素后加入到选择框中；服务器端则是在ASP.NET的DropDownList控件中动态添加选项。

1.Client side code is as follows:

    <select id="myIndent">
          <option value="2">   second level</option>
          <option value="3">   third level</option
    </select>

    JavaScript Code:
   var oSelect = document.getElementById('myIndent'); var oOption = document.createElement('OPTION'); // Add the option to the collection first, then set properties oSelect.options.add(oOption); oOption.innerHTML ='   '+'Two'; oOption.value = "2";

2.Server side code is as follows:

   <asp:DropDownList ID="ddlTest" runat="server">
   </asp:DropDownList>

   CSharp Code:
   char nbsp = (char)0xA0; ddlTest.Items.Add(new ListItem("Level0".PadLeft(17, nbsp), "Should"));