드롭다운 javascript onchange

나는 단순한 드롭다운고 싶어 그것이 있는 경우에는 사용자가 선택한 아기가 있는 메시지를 변경해야기,하지만 다른 선택이다. 메시지가 동일한(아무것도)지만,이것이't 니다. 할 수 있는 사람이 도와 주시기 바랍니다. 으로 플레이하십시오 내 jsfiddle.

http://jsfiddle.net/Z9YJR/ 다음은 html

<select id="leave">
  <option value="5">Get Married</option>
  <option onchange="changeMessage()" value="100">Have a Baby</option>
  <option value="90">Adopt a Child</option>
  <option value="15">Retire</option>
  <option value="15">Military Leave</option>
  <option value="15">Medical Leave</option>
</select>

<div id="message"></div>

여기에 js

function changeMessage() {
    document.getElementById("message").innerHTML = "Having a Baby!!";
}
Claudio Redi
편집된 질문22일 8월 2012 в 8:19
프로그래밍
javascript onchange
22일 8월 2012 в 7:27
아직 보기가 없습니다.
질문에 대한 의견 (2)
해결책

이 같은 뭔가를 할 수 있습니다.


<select id="leave" onchange="leaveChange()">
  Get Married
  Have a Baby
  Adopt a Child
  Retire
  Military Leave
  Medical Leave
Claudio Redi
편집된 답변30일 6월 2015 в 11:59
해설 (3)

그것은 작동하지 않기 때문에 당신의 스크립트에서 JSFiddle 내에서 실행 되 it's 자신의 범위(참조"OnLoad"드롭다운 왼쪽에있는?).

방법 중 하나이다 바인딩하의 이벤트 처리기에 자바스크립트(해야한다):

document.getElementById('optionID').onchange = function () {
    document.getElementById("message").innerHTML = "Having a Baby!!";
};

다른 방법은 코드를 수정을 위한 바이올린 환경으로 명시적으로 선언한 함수는 글로벌 그래서 그것을 찾을 수 있습으로 인라인 이벤트 처리기:

window.changeMessage() {
    document.getElementById("message").innerHTML = "Having a Baby!!";
};
해설 (0)

쉽

<script src="js/libs/jquery-1.8.3.min.js"> 
<script>
jQuery.noConflict()(document).ready(function() {
    $('#hide').css('display','none');
    $('#plano').change(function(){

        if(document.getElementById('plano').value == 1){
            $('#hide').show('slow');    

        }else 
            if(document.getElementById('plano').value == 0){

             $('#hide').hide('slow'); 
        }else
            if(document.getElementById('plano').value == 0){
             $('#hide').css('display','none');  

            }

    });
    $('#plano').change();
});
</script>

이 예제를 보여줍니다.div 에서 선택한 경우 combobox 일부 특정 값

해설 (1)