http://phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=5865&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%B4%D9%C1%DF%BC%BF%B7%BA%C6%AE&sop=and

여기저기 뒤지다가, 이곳사이트를 알려주신글이 있어서 들어갔더니..
아래와 같은 소스를 발견했습니다.

2중 셀렉트가 잘되더군요...

그런데 이걸 수정해서...

첫번째 나 를 선택하고
두번째 e 를 선택하면

그 옆에 자동으로 나 &e 이렇게 표시되게 하려고 합니다.


그러니까 그림으로 표시하면

나 e 나&e

이렇게 하려고요...

이게 변수값을 받아오면 되는거라 생각해서...
아래에 변수값을 어떻게 받아오는지 질문을 올렸었는데요....

굳이 변수값을 받아오지 않더라도

첫번째 두번째것을 선택하면 자동으로 나&e 라고 표시만 되면 되는데요....
어찌해야 할지 모르겠네요...




<Script Language='javaScript'>
<!--
//==========================================================//
// Element 및 값 정의
//==========================================================//

FirstSelectName = "sel1";// 처음 Select Element의 이름
SecondSelectName = "sel2";// 두번째 Select Element의 이름

FirstSelectText = new Array("가","나");
FirstSelectValue = new Array("a","b");

SecondSelectText = new Array();
SecondSelectValue = new Array();

SecondSelectText[0] = new Array("A","B","C");
SecondSelectText[1] = new Array("D","E","F","G");
SecondSelectValue[0] = new Array("A","B","C");
SecondSelectValue[1] = new Array("D","E","F","G");

//==========================================================//
//-->
</script>


<Script Language='JavaScript'>
<!--
// 현재의 Element들이 속해있는 form의 위치를 자동으로 찾차주는 함수
thisFormCheckString = "This_is_Dynamic_Select_Form";
document.write("<input type='hidden' name='"+thisFormCheckString+"'>");
function FindThisFormName()
{
var d = document;
var n = d.forms.length;
if(n == 0)return 0;

for(var i=0;i<n;i++)
{
var e = d.forms[i].elements;
for(var x=0;x<e.length;x++)
{
if(e[x].name == thisFormCheckString)
return i;
}
}

return "_Nothing_";
}

thisFormName = FindThisFormName();// 현재폼
if(thisFormName == "_Nothing_")
{
var FormIsCreated = "Dynamic_Select_Form";
thisFormName = FormIsCreated;
document.write("<form name='"+FormIsCreated+"'>");
}

function CreateSecondSelect()
{
var f = document.forms[thisFormName];
var n = f[FirstSelectName].selectedIndex;
var l = SecondSelectText[n].length;
f[SecondSelectName].options.length = l;

for(var i=0;i<l;i++)
{
f[SecondSelectName].options[i].text = SecondSelectText[n][i];
f[SecondSelectName].options[i].value = SecondSelectValue[n][i];
}
f[SecondSelectName].selectedIndex=0;
}
//-->
</script>


<Script Language='JavaScript'>
<!--
document.write("<select name='"+FirstSelectName+"' onChange='CreateSecondSelect()'>");
for(var i=0;i < FirstSelectText.length;i++)
document.write("<option value='"+FirstSelectValue[i]+"'>"+FirstSelectText[i]+"</option>");
document.write("</select>");
//-->
</script>


<Script Language='JavaScript'>
<!--
document.write("<select name='"+SecondSelectName+"'>");
document.write("<option value=''></option>");
document.write("</select>");

if(FormIsCreated) document.write("</form>");
CreateSecondSelect();
//-->
</script>