Where The Streets Have No Name

동적select 본문

Developement/Web

동적select

highheat 2006. 8. 9. 16:58
<script>
 function fncTest(){
  var obj = document.getElementsByName("one");
  alert(obj[0].innerHTML);
 }

 function fncAdd(){
  addOpt("aaa","aaa");
 }

 function addOpt(_text, _value)
 {
     // 새로운 Option 속성을 생성한다
     var newOpt = document.createElement('OPTION');
     // 새로운 Option의 text 지정
     newOpt.text = _text;
     // 새로운 Option의 value 지정
     newOpt.value = _value;
     // 마지막으로 'two' Select 태그에 Option을 추가한다
     document.getElementsByName("one")[0].add(newOpt);
 }

 function fncAddList(){
  var tmp = [ ["a,a","a,a,a"],["b,b","b,b,b"] ];
  for(var i=0;i < tmp.length;i++){
   addOpt(tmp[i][1],tmp[i][0]);
  }
 }
</script>
<select name="one">
 <option value="asas">adasdf</option>
</select>
<input type="button" value="innerHTML" onclick="fncTest()">
<input type="button" value="add" onclick="fncAdd()">
<input type="button" value="addList" onclick="fncAddList()">