DropDownList添加ToolTip或者title属性

最新推荐文章于 2024-03-27 08:00:00 发布

原创最新推荐文章于 2024-03-27 08:00:00 发布 · 1.4k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#function #javascript

c# 同时被 3 个专栏收录

30 篇文章

订阅专栏

24 篇文章

订阅专栏

title

1 篇文章

订阅专栏

本文介绍了如何使用JavaScript为单个和所有网页下拉菜单选项添加title属性，并提供了后台代码实现。通过示例代码演示了如何遍历下拉菜单选项并设置title属性。

给单个dropdownlist 添加title

<script type="text/javascript">
    
        function showdropitem(){
            var el = document.getElementById("ddlTblx");
            showitem(el);
        }
        function showitem(obj)//将就需要加title属性的select传进来
        {
            for(j=0;j<obj.options.length;j++)
            {
                obj.options[j].title = obj.options[j].text;
            }
        }
          </script>

给页面所有下拉全部添加title

<script language="javascript" type="text/javascript">
        function showdropitem()//给页面全部select加title属性
        {
            var el = document.getElementsByTagName("select");
            for(i=0;i<el.length;i++)
            {
                showitem(el[i]);
            }
        }
        function showitem(obj)//将就需要加title属性的select传进来
        {
            for(j=0;j<obj.options.length;j++)
            {
                obj.options[j].title = obj.options[j].text;
            }
        }
</script>

然后在网页尾部调用函数

<script language="javascript" type="text/javascript">
            showdropitem();
</script>

以上是js实现方式

下面后台实现

    /**//// <summary>
    /// 为DropDownList的Item加title属性
    /// </summary>
    /// <param name="ddl">DropDownList</param>
    private void addTitle(DropDownList ddl)
    {
        foreach (ListItem item in ddl.Items)
        {
            item.Attributes.Add("title", item.Text);
        }
    }