Как изменять положение ползунка через jqury?

Question

[Евгений Карпов]

Как реализовать скриптами изменение положения полжунка type="range" средствами js в реальном времени?

<form onsubmit="return false" onchange="level.value = flevel.valueAsNumber+'%'">
					<input name="flevel" id="flying" type="range" min="0" max="100" value="10" step="1">
					<output for="flying" name="level">10</output>
				</form>

Answer 1

[Stalker_RED]

В вашем примере нет jQuery, и похоже, что вы пытаетесь менять output в зависимости от положения ползунка.
Если нужно именно

положения полжунка type="range" средствами js в реальном времени

то в зависимости от чего?

Ваш вариант доведенный до рабочего:

<form onsubmit="return false">
  <input name="flevel" id="flying" type="range" min="0" max="100" value="10" step="1" oninput="form.level.value = this.value">
  <output for="flying" name="level">10</output>
</form>

Comments

[Евгений Карпов]

Как изменить значение в output это понятно, у меня возникает проблема, как изменить положение самого ползунка с помощью js. К примеру, человек может выбрать значение 100% на 2 ползунках, если он выбрал 60% на первом, то больше 40% на втором он сделать не сможет. И при перетаскивании или ползунок дальше не поднимался, или отскакивал на эти 40%

[Stalker_RED]

Евгений Карпов, так?
https://jsfiddle.net/ec61abab/

[Евгений Карпов]

Stalker_RED, попробую так объяснить, юзер делает движение ползунка, скажем на 100%. Скрипт проверяет насколько можно подвинуть (например 40%) и откидывает ползунок на эти же 40%. Т.е. чтобы ползунок, при изменении значения скриптом, не оставался на тех же 100%

[Евгений Карпов]

Stalker_RED, да, я разобрался, всему виной мои слабые знания в js, спасибо за помошь