Javascript : 다른 선택 상자에서 항목을 변경하기 만하면됩니까?

Question

등록 페이지를 개발 중이며 JS를 사용하여 성별에 따라 아바타 선택을 동적으로 선택하고자합니다. 여기 .. ​​내가 지금까지 무엇을

<select name="gender"> 
     <option value="Male">Male 
     </option> 
     <option value="Female">Female 
     </option> 
    </select> 

의 그리고 성별에 따라이에서 옵션을 업데이트해야합니다 : 나는 예제 코드 나 개념 주위에 내 머리를 정리 할 수 ​​

<select name="avatar"> 
     <option value="Trainer">Trainer 
     </option> 
    </select> 
    <br /> 
    <img src="images/trainers/male/Trainer.gif" /> 

, 난 그냥 필요 성별, 여성 또는 남성에 따라 '아바타'선택 상자에 2-3 가지 값을 채우는 방법에 대한 예, 'Trainer.gif'의 'Trainer'부분을 어떻게 동적으로 만들 수 있습니까? 그들이 선택한 아바타에 따라?

Answer 1

먼저 선택 상자의 모든 요소 제거 :합니다 (을 사용하여 :

이

폼 이름이 'myForm을'을 선택 상자의 이름은

document.myform.master.options.length=0 

다음 새 항목으로 다시 채 웁니다 '마스터'입니다 Options(text, value, defaultSelected, selected) 객체)

document.myform.master.options[0]=new Option("Sports", "sportsvalue", true, false) 
document.myform.master.options[1]=new Option("Music", "musicvalue", false, false) 
document.myform.master.options[2]=new Option("Movies", "moviesvalue", false, false) 

이 동적으로 선택 상자의 값을 변경할 수있는 간단한 방법입니다.

당신은