js 는 select 드 롭 다운 상자 의 value 와 텍스트 내용 을 어떻게 가 져 옵 니까?

5671 단어 select
select               ,                 。  ,         ,          option value      ,        。
, , value (text), , 。
html :
 1 </HEAD>

 2  <BODY>

 3     

 4         :

 5     <select id="s1" >

 6         <option value="1">   </option>

 7         <option value="2">    </option>

 8     </select>

 9 </BODY>

10 </HTML>

javascrtipt 코드:
 1 window.onload = function(){

 2     

 3         //

 4         var select = document.getElementById("s1");

 5         

 6         //1.          ?:

 7         var value = select.value;

 8         

 9         //2.           option     

10         var options = select.options;

11         //  :   options       

12         

13         //3.       option value ?        option value,    :

14         var value1 = options[0].value;

15         //4.       option     ?        option   ,    :

16         var text1 = options[0].text;

17         

18         //5.         option   ?

19         var index = select.selectedIndex;

20         

21         //6.         option     ?

22         //  2   ,         option     options 

23         //   5   ,           option    

24         //       options[index]            option 

25         var selectedText = options[index].text;

26     }

좋은 웹페이지 즐겨찾기