Last active
August 29, 2015 14:10
-
-
Save shiranuik/0a7100ce4d858aca894b to your computer and use it in GitHub Desktop.
jQueryでselectタグのselectedの移動
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<form id="form1"> | |
<select id="date"> | |
<option value="">選択して下さい</option> | |
<option value="1">one</option> | |
<option value="2">two</option> | |
<option value="3">three</option> | |
<option value="4">four</option> | |
</select> | |
<input type="image" src="submit.png"> | |
<img src="befor.png" id="bf" class="change"> | |
<img src="after.png" id="af" class="change"> | |
</form> | |
<!-- ここからJS --> | |
<script type="text/javascript"> | |
$(function() { | |
$('.change').click(function(){ | |
var id = $(this).attr("id"); | |
var curr = $("#date").prop("selectedIndex"); | |
var setdatev = parseInt(curr); | |
if(id=="bf"){ | |
if(setdatev<=4){ | |
setdatev++; | |
} | |
}else{ | |
if(setdatev>=2){ | |
setdatev--; | |
} | |
} | |
$("#date").prop("selectedIndex",setdatev); | |
$("#form1").submit(); | |
}) | |
}) | |
</script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment