프리랜서 웹디자이너 웹퍼블리셔RELATION

RELATION 로고

홈페이지 소스

[소스] select2 width

2015.03.26
북마크 [출처 이동]    작성자 정보
select 2는 jquery 기반으로 select box 를 대신하여 사용합니다.
검색 지원, 원격 데이터 세트, 결과 무한 스크롤
 
<head>
    <link href="select2.css" rel="stylesheet"/>
    <script src="select2.js"></script>
    <script>
        $(document).ready(function() { $(\"#e1\").select2(); });
    </script>
</head>
<body>
    <select id=\"e1\">
        <option value=\"AL\">Alabama</option>
        ...
        <option value=\"WY\">Wyoming</option>
    </select>
</body>

<script>
 //select box 넓이를 실제 불러온 데이터 넓이에 맞게 표현하고싶을때 {width: \'resolve\'}
 $(document).ready(function() { 
    $(\"#myselect\").select2({ width: \'resolve\' });           
 });
</script>
 

이 포스트 공유하기

전체목록