필드값을 안쓰고 셀렉트에서 목록을 선택하면 그 목록들의 값이 나오게 하고싶은데 방법이 없나요?.? 채택완료
아미꼬
11년 전
조회 5,039
그림에 보이는 것과 같이 국가명을 선택 하면 그에 해당하는 국가번호와 그에해당하는 요금들이 이렇게 보여주고 싶어요.
필드값을 안쓰고 셀렉트에서 목록을 선택하면 그 페이지에 적혀져 있는 목록들의 값이 나오게 하고싶어요.도와주세요...
여기는 필드값이가 들어간것 같은데 그냥 이값들을 페이지에 다적고 만들고 싶어요.ㅜ.ㅜ
해당하는 소스는 요래요.
<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개
채택된 답변
+20 포인트
11년 전
그 페이지에 적혀져 있는 목록들의 값<-- 이것이 어떤 형태인지 알아야 답변 가능...
방법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;'
로그인 후 평가할 수 있습니다
답변에 대한 댓글 3개
�
아미꼬
11년 전
�
균이
11년 전
헐~ 국가번호 유선요금 무선요금이 들어갈 자리를 빼버리고 저대로 복사하면 어쩐다요?
<form~~ 부터 </form>까지 html코드는 모두 있어야죠
그리고 저건 php와 전혀상관 없는, 자바스크립트입니다
<form~~ 부터 </form>까지 html코드는 모두 있어야죠
그리고 저건 php와 전혀상관 없는, 자바스크립트입니다
�
아미꼬
11년 전
네네 정말 정말 감사합니다^^ 덕분에 문제를 쉽게 했습니다. 다시 한번더 감사의 인사 드려요.^^. 뿌잉~!!
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
'wfm.pIntCode'은(는) null 이거나 개체가 아닙니다.
board.php 요렇게 떠요.
오류주소
http://ucnetworks.co.kr/bbs/board.php?bo_table=sk_ko_na
그리고 가나에 100 1000 1200 요 값들도 나오게 좀 잡아 주세요. 목록들만 나오고 값이 안나와요.
제가 html/css는 조금 아는데 php 프로그래밍은 전혀 몰라서요.