Как использовать onclick в?

Question

[sergo573]

Добрый день.

Подскажите пожалуйста в следующем вопросе:
Имеется онлайн примерка очков, в котором можно менять ширину оправ используя кнопки:

<button onclick="fitmixInstance.setPupillaryDistance(40)">40</button>
<button onclick="fitmixInstance.setPupillaryDistance(80)">80</button>

Хочу сделать это списком, используя <select> и <option>:

<select >
	<option value="-">Выбрать размер</option>
	<option onclick="fitmixInstance.setPupillaryDistance(40)">40</option>
	<option onclick="fitmixInstance.setPupillaryDistance(80)">80</option>
</select>

Но ничего не работает... Помогите!

Comments

[Spartak (Web-StyleStudio)]

Для select необходимо использовать событие onChange

Answer 1

[gian_tiaga]

<select onchange="fitmixInstance.setPupillaryDistance(this.value)">
          <option value="40">40</option>
          <option value="80">80</option>
</select>

Comments

[sergo573]

К сожалению, в таком варианте так же не работает(

[gian_tiaga]

sergo573, что значит не работает? В консоле ошибки? Не видя вшего fitmixInstance.setPupillaryDistance вообще сказать что-то сложно. Я привёл вам пример, как сделать то что вам надо, дальше можете сами раскопать эту функцию.

option onclick не работает, для этого используется select onchange

[sergo573]

gian_tiaga, В консоли такая ошибка:
"pupillary distance must be a number"

[Spartak (Web-StyleStudio)]

sergo573,
Так сделайте

<select onChange="fitmixInstance.setPupillaryDistance(parseInt(this.value));">
	<option value="40">40</option>
	<option value="80">80</option>
</select>

P/S: либо в самой функции преобразовывать значение переменной из строки в число

[sergo573]

Spartak (Web-StyleStudio), Огромное спасибо, работает!