Форумы портала PHP.SU :: Версия для печати :: Кнопка отправки формы с изменяющимся рисунком

1. avror - 27 Февраля, 2012 - 11:18:31 - перейти к сообщению

Здраствуйте Уважаемые!
Имея:
<button>
<img src="/images/umbrella.gif" alt="Зонтик" style="vertical-align: middle">
Кнопка с рисунком
</button></p>

и
<form>
<input type="image" src="image.gif" name="sub" />
</form>

Как можно создать кнопку с изменяющимся рисунком в зависимости от выбора значени: <select name=day>
<option value=1>Понедельник</option>
<option value=2>Вторник</option>
</select>

2. DelphinPRO - 27 Февраля, 2012 - 11:35:51 - перейти к сообщению

CODE (html):
скопировать код в буфер обмена

<input type=submit id="id_submit" class="day1" />
<select onchange="OnchangeSelect(this);">
  <option value="1"></option>
  <option value="2"></option>
</select>
 

CODE (htmlphp):
скопировать код в буфер обмена

 
.day1 {background:url(day1.jpg);}
.day2 {background:url(day2.jpg);}
.day3 {background:url(day3.jpg);}
 

CODE (javascript):
скопировать код в буфер обмена

function OnChangeSelect(e){
  var value = $(e).value();
  $('#id_submit').attr('class', '').addClass('day'+value);
}