jquery change

운영자 | 기사입력 2015/02/03 [07:06]
javascript >
필자의 다른기사 보기 인쇄하기 메일로 보내기 글자 크게 글자 작게
jquery change
 
운영자   기사입력  2015/02/03 [07:06]

<script>

$(function() {


$( ".target" ).change(function() {
alert( "Handler for .change() called." );
});

});

</script>

 

 

 

<form>
<input class="target" type="text" value="Field 1">
<select class="target">
<option value="option1" selected="selected">Option 1</option>
<option value="option2">Option 2</option>
</select>
</form>
<div id="other">
Trigger the handler
</div>
</body>

 

 

 

<style>
div {
color: red;
}
</style>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
</head>

<body>
<select name="sweets" multiple="multiple">
<option>Chocolate</option>
<option selected="selected">Candy</option>
<option value='aaa'>Taffy</option>
<option selected="selected">Caramel</option>
<option>Fudge</option>
<option>Cookie</option>
</select>
<div></div>

<script>
$( "select" )
.change(function () {
var str = "";
$( "select option:selected" ).each(function() {
str += $(this).val()+$( this ).text() + " ";
});
$( "div" ).text( str );
})
.change();
</script>
</html>

 

트위터 트위터 페이스북 페이스북 카카오톡 카카오톡
기사입력: 2015/02/03 [07:06]  최종편집: ⓒ iwav
 
 
javascript 많이 본 기사