为下拉列表设置标题

时间:2015-06-23 10:03:43

标签: c# jquery css asp.net html-select

我在页面上有一个下拉列表,我想要设置一个文本,这样无论用户是否进行任何选择,都应该始终显示给用户而不是所选的值。

例如:

enter image description here

即使我从列表中选择Select LanguageOption 1中的任何值,用户也应始终可以看到Option 2

我想这更像是一个我不太满意的CSS任务。

3 个答案:

答案 0 :(得分:1)

如果您正在谈论一个简单的 asp:DropDownList ,您只需要在其中插入一个项目,索引值为0(以处理服务器端检查)。

myDropDownList.Items.Insert(0, "Select");

答案 1 :(得分:0)

dropdownlist1.Text="SomeText";

Dropdownlist需要拥有数据源。

答案 2 :(得分:0)

  

即使我选择,用户也应始终可以看到选择语言   列表中的任何值,即选项1或选项2。

解决方案:

  1. 如果你的下拉列表没有启用autopost,那么
  2. 维护隐藏字段,其中下拉列表的更改事件将选定值或选定索引或选定文本放在隐藏字段中以记住选择。

    我们说下拉列表的ID为 sel ,隐藏字段为 hdSel ,该外观的jquery代码如下所示

    $('#sel').change(function(){
        var val = $("#sel option:selected").text();
        $('#hdSel').val(val);
        $("#sel").prop('selectedIndex', 0);
        }
    );
    

    example on Jsfiddle for your understanding

    1. 如果您的下拉列表是自动后备启用,那么您可以将选定的值或选定的文本或下拉列表的选定索引分配给隐藏字段,然后重新选择第一个项目
    2. 希望这个帮助