필드값을 안쓰고 셀렉트에서 목록을 선택하면 그 목록들의 값이 나오게 하고싶은데 방법이 없나요?.?
본문

그림에 보이는 것과 같이 국가명을 선택 하면 그에 해당하는 국가번호와 그에해당하는 요금들이 이렇게 보여주고 싶어요.
필드값을 안쓰고 셀렉트에서 목록을 선택하면 그 페이지에 적혀져 있는 목록들의 값이 나오게 하고싶어요.도와주세요...
여기는 필드값이가 들어간것 같은데 그냥 이값들을 페이지에 다적고 만들고 싶어요.ㅜ.ㅜ
해당하는 소스는 요래요.
<form name="selectForm" action="" onsubmit="return false;">
<table class="tableT" summary="가입형 005 국내→해외 이용요금을 나타내는 표로, 국가 선택/국가번호/005패밀리 유선요금/005패밀리 무선요금의 4열로 구성되어 있습니다.">
<caption>가입형 005 국내→해외 이용요금</caption>
<colgroup>
<col width="*" />
<col width="20%" />
<col width="20%" />
<col width="20%" />
</colgroup>
<thead>
<tr>
<th scope="col" rowspan="2">국가명</th>
<th scope="col" rowspan="2">국가번호</th>
<th scope="col" colspan="2">005패밀리</th>
</tr>
<tr>
<th scope="col" class="bgnone">유선요금</th>
<th scope="col" class="bgnone">무선요금</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<select style="font-size:12px;" title="국가 선택" name="selectState">
<option value="" selected="selected">선택해주세요</option>
<option value="가나">가나</option>
<option value="가봉">가봉</option>
<table class="tableT" summary="가입형 005 국내→해외 이용요금을 나타내는 표로, 국가 선택/국가번호/005패밀리 유선요금/005패밀리 무선요금의 4열로 구성되어 있습니다.">
<caption>가입형 005 국내→해외 이용요금</caption>
<colgroup>
<col width="*" />
<col width="20%" />
<col width="20%" />
<col width="20%" />
</colgroup>
<thead>
<tr>
<th scope="col" rowspan="2">국가명</th>
<th scope="col" rowspan="2">국가번호</th>
<th scope="col" colspan="2">005패밀리</th>
</tr>
<tr>
<th scope="col" class="bgnone">유선요금</th>
<th scope="col" class="bgnone">무선요금</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<select style="font-size:12px;" title="국가 선택" name="selectState">
<option value="" selected="selected">선택해주세요</option>
<option value="가나">가나</option>
<option value="가봉">가봉</option>
<option value="가이아나">가이아나</option>
<option value="감비아">감비아</option>
<option value="과델루프">과델루프</option>
<option value="과테말라">과테말라</option>
<option value="괌(미)">괌(미)</option>
<option value="그레나다">그레나다</option></select>
<input type="submit" value="이동" class="btn_go" onclick="strFam(document.selectForm);" /></td>
<td><input class="inputbox" name="pIntCode" size="4" style="border-right-width:0px; border-top-width:0px; border-bottom-width:0px; border-left-width:0px" type="text" title="국가번호" /></td>
<td><input class="inputbox" name="pNormal" size="4" style="border-right-width:0px; border-top-width:0px; border-bottom-width:0px; border-left-width:0px" type="text" title="005패밀리 유선요금" /></td>
<td><input class="inputbox" name="pSale" size="4" style="border-right-width:0px; border-top-width:0px; border-bottom-width:0px; border-left-width:0px" type="text" title="005패밀리 무선요금" /></td>
</tr>
</tbody>
</table>
</form>
<input type="submit" value="이동" class="btn_go" onclick="strFam(document.selectForm);" /></td>
<td><input class="inputbox" name="pIntCode" size="4" style="border-right-width:0px; border-top-width:0px; border-bottom-width:0px; border-left-width:0px" type="text" title="국가번호" /></td>
<td><input class="inputbox" name="pNormal" size="4" style="border-right-width:0px; border-top-width:0px; border-bottom-width:0px; border-left-width:0px" type="text" title="005패밀리 유선요금" /></td>
<td><input class="inputbox" name="pSale" size="4" style="border-right-width:0px; border-top-width:0px; border-bottom-width:0px; border-left-width:0px" type="text" title="005패밀리 무선요금" /></td>
</tr>
</tbody>
</table>
</form>
답변 1
그 페이지에 적혀져 있는 목록들의 값<-- 이것이 어떤 형태인지 알아야 답변 가능...
방법1
<select style="font-size:12px;" title="국가 선택" name="selectState" onchange="select_nation(this.value)">
<option value="||" selected="selected">선택해주세요</option>
<option value="100|1000|1200">가나</option>
<option value="101|1300|1400">가봉</option>
<option value="101|1300|1400">가봉</option>
~
<script>
function select_nation(value){
wfm=document.forms.selectForm;
tmp=value.split('|');
wfm.pIntCode.value=tmp[0];
wfm.pNormal.value=tmp[1];
wfm.pSale.value=tmp[2];
}
방법2
<select style="font-size:12px;" title="국가 선택" name="selectState" onchange="select_nation(this.selectedIndex)">
<option value="" selected="selected">선택해주세요</option>
<option value="가나">가나</option>
<option value="가봉">가봉</option>
<option value="가나">가나</option>
<option value="가봉">가봉</option>
~
<script>
price=new Array();
price[0]="||";
price[1]="100|1000|1200"; //가나
price[2]="101|1300|1400";//가봉
~~
function select_nation(value){
wfm=document.forms.selectForm;
tmp=price[value].split('|');
wfm.pIntCode.value=tmp[0];
wfm.pNormal.value=tmp[1];
wfm.pSale.value=tmp[2];
}
///////////////////////////////////
style="border-right-width:0px; border-top-width:0px; border-bottom-width:0px; border-left-width:0px"
이것은 간단하게 아래처럼 하세요
style='border:none;'
답변을 작성하시기 전에 로그인 해주세요.