select option 질문드립니다. 채택완료

셀렉트박스 클릭시 6개의 리스트가 보여집니다.

포커스가 해제되거나 선택된다면

다시 리스트는 1개만 보여지게 됩니다.

 <select onfocus='this.size=6;' onblur='this.size=1;' onchange='this.size=1; this.blur();'>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    <option>7</option>
    <option>8</option>
    <option>9</option>
    <option>10</option>
    <option>11</option>
     <option>12</option>
     <option>13</option>

<option>14</option>

<option>15</option>
      <option>16</option>
    <option>17</option>
    <option>18</option>
    <option>19</option>
    <option>20</option>
    <option>21</option>
  </select>