나는 단순한 드롭다운고 싶어 그것이 있는 경우에는 사용자가 선택한 아기가 있는 메시지를 변경해야기,하지만 다른 선택이다. 메시지가 동일한(아무것도)지만,이것이't 니다. 할 수 있는 사람이 도와 주시기 바랍니다. 으로 플레이하십시오 내 jsfiddle.
다음은 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!!";
}
이 같은 뭔가를 할 수 있습니다.
<select id="leave" onchange="leaveChange()">
<option value="5">Get Married</option>
<option 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>
Javascript
function leaveChange() {
if (document.getElementById("leave").value != "100"){
document.getElementById("message").innerHTML = "Common message";
}
else{
document.getElementById("message").innerHTML = "Having a Baby!!";
}
}
[jsFiddle Demo](
)짧은 버전하고 보다 일반적인 수
HTML
<select id="leave" onchange="leaveChange(this)">
<option value="5">Get Married</option>
<option 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>
Javascript
function leaveChange(control) {
var msg = control.value == "100" ? "Having a Baby!!" : "Common message";
document.getElementById("message").innerHTML = msg;
}
그것은 작동하지 않기 때문에 당신의 스크립트에서 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!!";
};
쉽
<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 일부 특정 값