상위 셀렉트박스 값 변경시 하위셀렉트박스(다수)제어하기 기능 구현 도중.... 채택완료
일단 소스를 보시면 name값 "pcno" 이라는 select박스의 선택에 따라(자바스크립트 함수 showSub())
2차 선택 name값 = "2ser" 인 select값이 style display로 가져졌다고 생겼다고 합니다.
문제는 새로 name값이 2ser로 중복이 되는데요 중복 되면 안되는거 알고 있는데.
불행하게도 이 name값이 꼭 같아야 합니다.
꼭 2ser로 같아야 검색이 가능합니다.
무슨 방법이 없을까요??ㅠ,ㅠ 1차셀렉트 선택에 따라 원하는 2차 셀렉트가 나와야 하고 ㅠ,ㅠ
그리고 name값이 둘다 꼭 같아야 하고 ㅠ.ㅠ
방법이 없을까요?
</span></p><p><span style="font-size: 11pt; line-height: 1.5;"></span><form id="article_searchFrm" name="article_searchFrm" action="/board/index.html" method="GET" class="sms_form"><span style="font-size: 11pt; line-height: 1.5;"></span></p><p><select name="pcno" id="pcno" style="height:20px" onChange="showSub(this.options[this.selectedIndex].value);"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="">1차선택</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="42">가자</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="43">갑시다~</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></select></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><select name="2ser" id="111" style="height:20px" style="display:;"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="">2차선택</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="<span style="font-size: 14.6666669845581px; line-height: 1.5;">aaa</span><span style="font-size: 11pt; line-height: 1.5;"></span><span style="font-size: 11pt; line-height: 1.5;">">aaa</option></span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="<span style="font-size: 14.6666669845581px; line-height: 1.5;">bbb</span><span style="font-size: 11pt; line-height: 1.5;"></span><span style="font-size: 11pt; line-height: 1.5;">">bbb</option></span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></select></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><select name="<span style="font-size: 14.6666669845581px; line-height: 1.5;">2ser</span><span style="font-size: 11pt; line-height: 1.5;"></span><span style="font-size: 14.6666669845581px; line-height: 1.5;">"</span><span style="font-size: 14.6666669845581px; line-height: 1.5;"> </span><span style="font-size: 11pt; line-height: 1.5;">id="222" style="height:20px" style="display:none"></span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="">2차선택</option></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="<span style="font-size: 14.6666669845581px; line-height: 1.5;">ccc</span><span style="font-size: 11pt; line-height: 1.5;"></span><span style="font-size: 11pt; line-height: 1.5;">">ccc</option></span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><option value="<span style="font-size: 14.6666669845581px; line-height: 1.5;">ddd</span><span style="font-size: 11pt; line-height: 1.5;"></span><span style="font-size: 11pt; line-height: 1.5;">">ddd</option></span></p><p>input type="button" onclick="javascript:doSearch();" align="absmiddle" value="검색"></p><p><span class="Apple-tab-span" style="white-space: pre;"> </span></form><span style="font-size: 11pt; line-height: 1.5;"> </span></p><p><span style="font-size: 11pt; line-height: 1.5;"></span><script language="JavaScript"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><!--<span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>function doSearch() {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var frm = document.article_searchFrm;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>frm.submit();<span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>}</p><p><span class="Apple-tab-span" style="white-space:pre"> </span></p><p><span class="Apple-tab-span" style="white-space:pre"> </span>function showSub(obj) {</p><p> </p><p> var frm = document.forms.article_searchFrm;</p><p> </p><p> if(obj == 42) {</p><p> </p><p> document.getElementById("111").style.display = "";</p><p> document.getElementById("222").style.display = "none";</p><p> </p><p> } else {</p><p> </p><p> document.getElementById("111").style.display = "none";</p><p> document.getElementById("222").style.display = "";</p><p> </p><p> }</p><p> }</p><p>//--></p><p></script><span style="font-size: 11pt; line-height: 1.5;"> </span></p><p>
답변 2개
if(obj == 42) { document.getElementById("111").style.display = "block"; document.getElementById("111").disabled = false; document.getElementById("222").style.display = "none"; document.getElementById("222").disabled = true; } else { document.getElementById("111").style.display = "none"; document.getElementById("111").disabled = true; document.getElementById("222").style.display = "block"; document.getElementById("222").disabled = false; }
동일한 이름으로 넘길 경우엔 무조건 마지막에 있는 애가 다 덮어 버려서 숨기는 애만 disabled 시키시면 됩니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인