<body>
<form>
<input type="image" src='http://www.telefoner.ru/preview/images/108888.jpg' id="imgButton" onClick='change()' /><br> //кнопка-изображение
<select name="TypeOfValue" size="1" id="TypeOfValue" > //выпадающий список под кнопкой, который тоже
<option selected="selected" id="First">First</option> //участвует в событии онклик.
<option id="Second">Second</option> //В списке надо поменять дефолтное значение (с
<option id="Third">Third</option> //первого на третье, например)
<option id="Fourth">Fourth</option>
</select>
</form>
<script type="text/javascript">
var knopka = document.getElementById('imgButton'); //вытаскиваем кнопку-изображение по ID
var defaultValue = document.getElementById('Third'); //вытаскиваем по ID объект option (третью по счёту)
function change () {
knopka.src = 'http://footzall.at.ua/avatar/57/181477.jpg'; //меняем атрибут src
defaultValue.selected='selected'; //меняем атрибут selected у третьей опции в выпадающем списке
}
</script>
</body>