2013-06-04 2 views
-4

다음은 지금까지 작성한 내용입니다. http://jsfiddle.net/vKJ9G/5/어떻게 동적 인 드롭 다운 메뉴를 만드나요?

http://www.getarealdegree.com/에 드롭 다운 메뉴의 복사본을 만들려고합니다.

다음 메뉴에 무엇이 들어가는지를 결정하기 위해 첫 번째 드롭 다운을 원합니다.

저는 javaScript 전문가가 아니므로 막혔습니다. 나는 동적으로 여기에 드롭 다운 메뉴의 선택 값을 변경하는 예를 만들었

$('#sel1').change(function() 
{ 

} 
+3

좋은 점은 jsfiddle을 만들었지 만 코드의 중요한 부분도 여기에 있어야합니다. 귀하의 질문에 대해, 당신이 한 일은 첫 번째 부분이지만 이제는 변경 이벤트에 대한 드롭 다운 옵션을 만들어야합니다. – Th0rndike

+0

먼저 조사를 해보십시오. 코드 작성을위한 원 스톱 샵이 아닙니다. 다운 - 투표. – Nisk

답변

0

: 나는 모든 내 코드를 작성했습니다

.

http://jsfiddle.net/yS5rQ/

는 희망이 도움이 : 여기

<script type='text/javascript'> 
    window.onload = function() { BindEvent(); } 

    function BindEvent() 
    { 
     var elemToBind = document.getElementById ("cmb1"); 
     elemToBind.onchange = function() { SetSel (this); } 
    } 
    function SetSel(elem) 
    { 
     var secondCombo = document.getElementById ("cmb2"); 
     secondCombo.value = elem.value; 
    } 
</script> 
<body> 
    <select id="cmb1"> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option> 
     <option value="4">4</option> 
    </select> 
    <select id="cmb2"> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option> 
     <option value="4">4</option> 
    </select> 
</body> 

는 예에 대한 링크입니다.

+1

접근성 향상을 위해'onBlur' 대'onChange'를 사용하는 것이 좋습니다. –

관련 문제