본문 바로가기
JavaScript

Select option 에 내가 준 배열.객체로 리스트 나타내기

by sj0020 2021. 7. 29.
<!DOCTYPE html>
<html>
<body>
<table>
  <tr>
    <td>
      <label>Recording Mode:</label>
    </td>
    <td>
      <select id="rec_mode">        
      </select>
    </td>
  </tr>
</table>
</body>
<script>
var myobject = {
    ValueA : 'Text A',
    ValueB : 'Text B',
    ValueC : 'Text C',
    ValueD : 'Text D',
    ValueE : 'Text E',
    ValueF : 'Text F'
};
var select = document.getElementById("rec_mode");
for(index in myobject) {
    select.options[select.options.length] = new Option(myobject[index], index);
}

</script>
</html>

http://jsfiddle.net/UThAr/

 

Edit fiddle - JSFiddle - Code Playground

 

jsfiddle.net

 

처음엔 배열로 나타내려고 했으나 객체로 나타내는것이 더 좋다고 한다