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()">
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()">