클릭시 세렉트박스, select 박스 옵션 변경하는 방법

한국 일본 중국 호주 한국 일본 중국 호주


또는..

한국 일본 중국 호주 한국 일본 중국 호주


또는..

한국 일본 중국 호주 한국 일본 중국 호주


또는..

한국 일본 중국 호주 한국 일본 중국 호주

 

<script type="text/javascript" language="javascript">

<!--

function selectChg(val) {

document.getElementById('test').value = val;

}

//-->

</script>

<select id = "test">

<option value="한국" selected="selected">한국</option>

<option value="일본">일본</option>

<option value="중국">중국</option>

<option value="호주">호주</option>

</select>

<a href="javascript:selectChg('한국');">한국</a>

<a href="javascript:selectChg('일본');">일본</a>

<a href="javascript:selectChg('중국');">중국</a>

<a href="javascript:selectChg('호주');">호주</a>

또는..

<SCRIPT LANGUAGE="JavaScript">

<!--

function selectChg2(val) {

document.getElementById('test2').options[val].selected = true;

}

//-->

</SCRIPT>

<select id = "test2">

<option value="한국" selected="selected">한국</option>

<option value="일본">일본</option>

<option value="중국">중국</option>

<option value="호주">호주</option>

</select>

<a href="javascript:selectChg2('0');">한국</a>

<a href="javascript:selectChg2('1');">일본</a>

<a href="javascript:selectChg2('2');">중국</a>

<a href="javascript:selectChg2('3');">호주</a>

또는

<SCRIPT LANGUAGE="JavaScript">

<!--

function selectChg3(val) {

var f = document.getElementById('test3');

for (i=0; i<f.options.length; i++) {

  if (f.options[i].value == val) { f.options[i].selected = true; }

}

}

//-->

</SCRIPT>

<select id = "test3">

<option value="한국" selected="selected">한국</option>

<option value="일본">일본</option>

<option value="중국">중국</option>

<option value="호주">호주</option>

</select>

<a href="javascript:selectChg3('한국');">한국</a>

<a href="javascript:selectChg3('일본');">일본</a>

<a href="javascript:selectChg3('중국');">중국</a>

<a href="javascript:selectChg3('호주');">호주</a>

또는

<SCRIPT LANGUAGE="JavaScript">

<!--

function selectChg4(val) {

var f = document.getElementById('test4');

for (i=0; i<f.options.length; i++) {

  if (f[i].value == val) { f.selectedIndex = i; break;}

}

}

//-->

</SCRIPT>

<select id = "test4">

<option value="한국" selected="selected">한국</option>

<option value="일본">일본</option>

<option value="중국">중국</option>

<option value="호주">호주</option>

</select>

<a href="javascript:selectChg4('한국');">한국</a>

<a href="javascript:selectChg4('일본');">일본</a>

<a href="javascript:selectChg4('중국');">중국</a>

<a href="javascript:selectChg4('호주');">호주</a>