dropdown to resize image
HTML
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<form action="#">
<div id="newsDiv">
<img src="https://hollywoodhatesme.files.wordpress.com/2013/04/roborovski-hamster.jpg" alt="news photo" width="150" height="450">
</div>
<fieldset>
<select name="size" id="size">
<option value="150">150px</option>
<option value="200">200px</option>
<option value="250" selected="selected">250px</option>
<option value="300">300px</option>
<option value="350">350px</option>
</select>
</fieldset>
</form>
JavaScript
$(document).ready(function () {
var newsDiv = $("#newsDiv img");
$("#size").selectmenu({
select: function (event, data) {
console.log(data)
newsDiv.css({
width: data.item.value,
height: 600
});
}
});
});