Одно поле, несколько кнопок

Question

Я пытаюсь заменить выпадающий список группой из нескольких кнопок, которые упрощают варианты, ранее показанные в раскрывающемся списке.

В частности, типы кнопок, которые мы используем, являются графическими файлами png..

Пробные сценарии проверки и радио-проверки, но или события не отвечали.

Вот пример:

<img src="http://201.148.2.247/img/btn/agua.png" name="BotonAGUA" onclick="if(this.checked)
document.getElementById('radioAgua').checked=true"/>
                                        Agua de Hermosillo<input type="radio" name="radioAgua" id="radioAgua" value="AGUAHH"> 
                                          </span></td>

Пример, размещенный на http://201.148.2.247/

Может кто-нибудь придумать лучший способ реализации кнопок вместо выпадающего списка?

Answer 1

Это одна большая кнопка у вас там.В любом случае, вы можете использовать переключатели / флажки с тегом <label> и стилизовать ярлык, чтобы он выглядел как кнопка.Не требуется JavaScript.

http://www.w3schools.com/tags/tag_label.asp

Answer 2

Что по этому поводу:

<script type="text/javascript">
  function choose(id, index)
  {
    document.getElementById(id).selectedIndex = index;
  }
</script>

<button onclick="choose('choicebox', 0);">choice 1</button>
<button onclick="choose('choicebox', 1);">choice 2</button>
<button onclick="choose('choicebox', 2);">choice 3</button>

<select id="choicebox" name="choicebox" style="visibility:hidden;">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

Answer 3

Условие, которое вы имеете для события 'onclick', должно относиться к входу, а не к изображению (this в вашем случае - это изображение).