Share via

SELECT Property Pages Dialog Box

  • Article

Use this dialog box to specify the properties and options for a <SELECT> element in an HTML document.

To insert a <SELECT> element, open an HTML page or Web form in Design view. In the Toolbox, expand the HTML tab and select a Listbox or Dropdown, or expand the Web Forms tab and select a ListBox or DropDownList. Drag the item selected onto the Design view surface.

Note   For more information, see HTML Tab, Toolbox and Web Forms Tab, Toolbox.

To display the SELECT Property Pages dialog box, click a drop-down menu or list box on the Design view surface, or open the Document Outline window and select the desired <SELECT> element, or place the insertion point within the desired <SELECT> element in HTML view, and then choose Property Pages from the View menu.

  • Name
    Determines how references in scripts can identify this <SELECT> element and manipulate its properties.
  • Size
    Determines how this <SELECT> element will be displayed. Zero (0) or one (1) specifies a drop-down list. Any value greater than one specifies a list box, and sets the number of Options to be displayed at one time.
  • Allow multiple selections
    Specifies a list box that will allow more than one option to be selected and have its value returned. Selecting this check box specifies that a list box regardless of the specified size.

Options for SELECT tag

  • Text
    Specifies the literal string displayed for an <OPTION> within this drop-down list or list box. If Options have already been added, this makes it possible for you to edit existing Option texts.

  • Value
    Specifies the value returned when an <OPTION> is selected. If Options have already been added, this makes it possible for you to edit existing Option values.

  • Insert
    Adds a new Option to the List field with the specified Text and Value.

    Note   You also can add an <OPTION> to a <SELECT> element dynamically, using the add() method of the select.options collection. For more information, see add Method.

  • List
    Displays the Options that this drop-down list or list box includes currently. To modify an existing Option, select it in the List, and then edit the values in the Text and Value fields.

  • Up and Down Arrows
    Changes the order in which Options appear in the drop-down list or list box.

  • Delete
    Removes an Option from the drop-down list or list box.

See Also

HTML Markup: FORM Element | form Object | SELECT Element, select Object | OPTION Element, option Object | OPTGROUP Element, optGroup Object | options Collection | SCRIPT Element, script Object | DHTML References

HTML Forms: Forms Overview | Working with HTML Forms in Internet Explorer | Working with HTML Forms in Internet Explorer, Part 2

Web Forms: Creating and Managing Web Forms Pages | Inserting a Form into a Project | Controls You Can Use on Web Forms Pages | Adding Web Server Controls to a Web Forms Page | Web Forms Pages

Scripts: Creating Scripts and Editing Event Handlers in HTML Designer | Event Handling in HTML Elements Sample | Client Script in Web Forms Pages | Data-Binding Expressions for Web Forms Pages

HTML Designer: Editing HTML Pages in Design View | Document Outline Window | Editing HTML