HtmlSelect控件

来源:互联网 发布:淘宝视频服务不能订购 编辑:程序博客网 时间:2024/06/07 01:10

HtmlSelect控件

[后退]

定义和用法

HtmlSelect控件用来控制<select>元素。在HTML中,<select>元素用来建立一个下拉列表。


属性

属性 说明 Attributes 返回此元素所有属性名和属性值 DataMember 要使用的数据表名称 DataSource 要使用的数据源名称 DataTextField 数据源中的一个将被显示在下拉列表中的字段 DataValueField 数据源中的一个指定下拉列表中每个可选项的值的字段 Disabled 指明此控件是否被禁止的一个布尔值。默认值是false id 此控件的唯一id InnerHtml 设置或返回HTML元素开始标签和结束标签之间的内容。特殊字符不会被自动转换成HTML实体 InnerText 设置或返回HTML元素开始标签和结束标签之间的所有文本。特殊字符将被自动转换成HTML实体 Items 下拉列表选项清单 Multiple 是否可一次选择多项 OnServerChange 选择项发生变化时将被执行的函数名称 runat 规定此控件是服务器控件。  必须被设置为"server" SelectedIndex 被选项的索引指针 Size 下拉列表中的可见选项数目The number of visible items in the drop-down list Style 设置或返回应用于此控件的CSS特性 TagName 返回此元素的标签名称 Value 当前选中项的值 Visible 指明此控件是否可见的一个布尔值

示例

在此示例中我们在一个.aspx文件中声明一个HtmlImage及一个HTMLSelect控件(要记住把控件嵌入HtmlForm控件中)。然后我们根据用户的选择来修改HtmlImage控件的src属性。在HtmlSelect控件中选中的值决定了哪个图片被显示。

<script  runat="server">
Sub choose_image(Sender As Object, e As EventArgs)
   image1.Src = "/images/" & select1.Value
End Sub
</script>


<html>
<body>

<form runat="server">
<select id="select1" runat="server">
   <option value="smiley.gif">Smiley</option>
   <option value="angry.gif">Angry</option>
   <option value="stickman.gif">Stickman</option>
</select>
<input type="submit" runat="server" value="Display image"
OnServerClick="choose_image">
<br /><br />
<img id="image1" src="/images/smiley.gif" runat="server" />
</form>

</body>
</html>

(Tom加注:很遗憾,由于目前我的空间不能支持ASP .NET,无法给大家运行范例,请大家在自己的ASP .NET环境中尝试。在本示例中你也许要用到这几个小图片,请把它们保存到正确的路径下。
 

 

 

html_select_time

 

Attribute Name Type Required Default Description prefix string No Time_ what to prefix the var name with time timestamp No current time what date/time to use display_hours boolean No true whether or not to display hours display_minutes boolean No true whether or not to display minutes display_seconds boolean No true whether or not to display seconds display_meridian boolean No true whether or not to display meridian (am/pm) use_24_hours boolean No true whether or not to use 24 hour clock minute_interval integer No 1 number interval in minute dropdown second_interval integer No 1 number interval in second dropdown field_array string No n/a outputs values to array of this name all_extra string No null adds extra attributes to select/input tags if given hour_extra string No null adds extra attributes to select/input tags if given minute_extra string No null adds extra attributes to select/input tags if given second_extra string No null adds extra attributes to select/input tags if given meridian_extra string No null adds extra attributes to select/input tags if given
属性 类型 是否必须 缺省值 描述 prefix string No Time_ 变量名称前缀 time timestamp No UNIX时间戳或年-月-日 使用时间类型(data/time) display_hours boolean No true 是否显示小时 display_minutes boolean No true 是否显示分钟 display_seconds boolean No true 是否显示秒 display_meridian boolean No true 是否显示正午界(上午/下午) use_24_hours boolean No true 是否使用24小时制 minute_interval integer No 1 分钟下拉列表的间隔 second_interval integer No 1 秒钟下拉列表的间隔 field_array string No n/a 输出值到该值指定的数组 all_extra string No null 如果给定,为标签添加附加属性 hour_extra string No null 如果给定,为标签添加附加属性 minute_extra string No null 如果给定,为标签添加附加属性 second_extra string No null 如果给定,为标签添加附加属性 meridian_extra string No null 如果给定,为标签添加附加属性

 

html_select_time is a custom function that creates time dropdowns for you. It can display any or all of hour, minute, second and meridian.

自定义函数 html_select_time 用于创建时间下拉菜单. 它可以显示任意时分秒.

 

<select name="viewType">
  <option value selected>选择排序/显示方式</option>
  <optgroup label="排序">
    <option>按价格 从低到高</option>
    <option>按价格 从高到低</option>
    <option>按剩余时间 从少到多</option>
    <option>按剩余时间 从多到少</option>
  </optgroup>
  <optgroup label="显示">
    <option>列表方式</option>
    <option>图片方式</option>
    <option>纯文字方式</option>
  </optgroup>
  <optgroup label="数量">
    <option>每页显示20个</option>
    <option>每页显示40个</option>
    <option>每页显示80个</option>
  </optgroup>
</select>

原创粉丝点击