Moim zadaniem jest wybranie(zaznaczenie) wszystkich nieparzystych opcji. Nie wiem dlaczego, ale nie zaznacza mi opcji nr 1? Pomoże ktoś?
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function() {
$("select option:odd").prop("selected", true);
});
});
</script>
</head>
<body>
<button>Wybierz</button>
<div id="target" style="color: rgb(51, 51, 51); width: 150px; height: 100px; float: left; border: 1px solid rgb(34, 34, 34); background-color: rgb(238, 232, 170); margin: 10px; padding: 5px; background-position: initial initial; background-repeat: initial initial;">#target<br>
<select size="4" data-role="none" style="margin: 5px; width: 95px;">
<option value="0">option0 (even)</option>
<option value="1">option1 (odd)</option>
<option value="2">option2 (even)</option>
<option value="3">option3 (odd)</option>
<option value="4">option4 (even)</option>
</select></div>
</body>
</html>