다음을 통해 공유


Select 속성 페이지 대화 상자

이 대화 상자를 사용하여 HTML 페이지에서 select 요소의 속성을 편집하고 option 요소와 값을 속성에 삽입합니다. HTML select 요소는 클라이언트 웹 브라우저에서 처리됩니다.

Select 속성 페이지 대화 상자를 열려면

  1. Visual Web Developer의 디자인 뷰에서 편집할 HTML 페이지를 엽니다.

  2. 도구 상자HTML 그룹에서 Select 요소를 페이지로 끌어 옵니다.

    요소에 대한 기본 태그가 삽입되고 구성 준비가 끝납니다.

  3. 드롭다운 메뉴나 목록 상자처럼 표시되는 요소를 선택하고 보기 메뉴에서 속성 페이지를 클릭합니다.

    Select 속성 페이지 대화 상자가 열립니다.

    참고

    Visual Studio 개발 환경이 일반 개발 설정으로 지정되어 있으면 이러한 메뉴 중 일부를 사용할 수 없습니다.

select 요소의 일부 속성은 속성 창에서도 편집할 수 있습니다. select 요소는 Size 속성이 설정되어 있지 않거나 1로 설정된 경우 드롭다운 목록으로 표시되고 Size 속성이 2 이상으로 설정된 경우에는 목록 상자로 표시됩니다.

참고

자세한 내용은 도구 상자, HTML 탭을 참조하십시오.ASP.NET 웹 페이지를 디자인할 때 DropDownList 또는 ListBox 컨트롤을 도구 상자에서 페이지로 끌어 올 수도 있습니다.이러한 웹 서버 컨트롤은 select 요소로도 렌더링됩니다.option 목록은 일반적으로 데이터 바인딩을 통해 제공됩니다.

Select 속성 페이지 대화 상자에서 설정할 수 있는 속성은 다음과 같습니다.

UI 요소

  • 이름
    select 요소의 속성을 조작하고 option 값을 검색하는 스크립트에서 이 SELECT 요소를 참조하는 방법을 지정합니다.

  • 크기
    이 select 요소가 표시되는 방법을 지정합니다. 값이 0 또는 1이면 드롭다운 목록을 지정합니다. 2보다 큰 값은 목록 상자를 지정하고 여러 옵션이 동시에 표시되도록 설정합니다.

  • 여러 개 선택 가능
    사용자가 두 개 이상의 값을 선택할 수 있는 목록 상자를 지정합니다. 이러한 값을 검색하고 사용하려면 처리기를 작성해야 합니다.

Select 요소용 옵션

  • 텍스트
    이 드롭다운 목록 또는 목록 상자 내에서 option에 대해 표시되는 리터럴 문자열을 지정합니다. 옵션이 이미 추가되어 있는 경우 각 옵션의 텍스트를 편집할 수 있습니다.

  • Value
    option을 선택한 경우 반환되는 값을 지정합니다. 옵션이 이미 추가된 경우 각 옵션에 의해 반환되는 값을 편집할 수 있습니다.

  • 삽입
    텍스트 필드에 지정한 값을 사용하여 새 옵션을 목록에 추가합니다.

    참고

    select.items 컬렉션의 Add 메서드를 사용하여 option을 select 요소에 동적으로 추가할 수도 있습니다.

  • 목록
    이 드롭다운 목록이나 목록 상자에 포함되는 옵션을 표시합니다. 옵션을 수정하려면 목록 필드에서 옵션을 선택하고 텍스트 필드에서 항목을 편집합니다.

  • 위로
    드롭다운 목록이나 목록 상자에서 선택한 옵션을 위로 이동합니다.

  • 아래로
    드롭다운 목록이나 목록 상자에서 선택한 옵션을 아래로 이동합니다.

  • 삭제
    드롭다운 목록이나 목록 상자에서 옵션을 제거합니다.

참고 항목

작업

프로젝트에 폼 삽입

Adding Web Server Controls to a Web Forms Page

Creating Scripts and Editing Event Handlers in HTML Designer

개념

Client Script in Web Forms Pages

기타 리소스

Document Outline Window