24.05.2017, 14:11
|
Профессор
|
|
Регистрация: 14.01.2015
Сообщений: 12,990
|
|
Сообщение от ksa
|
Заменить на
|
<input type="text" id="shir" value="1000"> - выбросить "на", хватит и output. input type="range" такое же равноценное поле формы, которое с успехом может обмениваться выбором пользователя.
|
|
24.05.2017, 15:23
|
Аспирант
|
|
Регистрация: 12.01.2017
Сообщений: 48
|
|
но мне к сожалению нужно сделать именно выпадающим списком,а вот такой вопрос,если у меня много селектов и у каждого свой min и max будт то как сделать?ведь скрипт сработает только для первого id ,а если задать классами то у всех будет одинаково все
|
|
24.05.2017, 15:50
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
INSIDER73,
Сообщение от INSIDER73
|
если задать классами то у всех будет одинаково все
|
не будет.
<div class="item">
<div class="q1">{{::min}}</div>
<div class="q2">{{::max}}</div>
<select class="minim" ></select>
</div>
$(function() {
$(".item").each(function(indx, el){
//$(".minim", el) ...
});
});
|
|
24.05.2017, 16:08
|
|
Профессор
|
|
Регистрация: 01.12.2016
Сообщений: 3,650
|
|
Сообщение от ksa
|
Заменить на
$('#shirR').on('input', function() {
$('#shir').val(this.value);
});
|
Хорошее замечание, одобряю!
|
|
24.05.2017, 16:12
|
Аспирант
|
|
Регистрация: 12.01.2017
Сообщений: 48
|
|
Сообщение от рони
|
INSIDER73,
не будет.
<div class="item">
<div class="q1">{{::min}}</div>
<div class="q2">{{::max}}</div>
<select class="minim" ></select>
</div>
$(function() {
$(".item").each(function(indx, el){
//$(".minim", el) ...
});
});
|
Не совсем понял как скрипт будет выглядеть?
Так?
$(function() {
$(".item").each(function(indx, el){
var min = $(".q1").text();
var max = $(".q2").text();
min1 = parseInt(min, 10);
max1 = parseInt(max, 10);
for (var i = min1; i < max1; i += 10000)
{ $(".minim").append($('<option value="' + i + '">' + i + '</option>')) }
});
});
|
|
24.05.2017, 16:14
|
|
Профессор
|
|
Регистрация: 01.12.2016
Сообщений: 3,650
|
|
Сообщение от laimas
|
<input type="text" id="shir" value="1000"> - выбросить "на", хватит и output. input type="range" такое же равноценное поле формы, которое с успехом может обмениваться выбором пользователя.
|
с таким диапазоном я бы оставил оба. попробуй рейнджом попади в 3333 например!
|
|
24.05.2017, 16:28
|
Профессор
|
|
Регистрация: 14.01.2015
Сообщений: 12,990
|
|
Сообщение от j0hnik
|
попробуй рейнджом попади в 3333 например
|
Для этого существует параметр step, значением которого можно управлять. По данному вопросу (управление шагом ползунка) и на форуме предостаточно написано.
|
|
24.05.2017, 16:32
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,109
|
|
Сообщение от INSIDER73
|
как скрипт будет выглядеть?
Так?
|
да, только дополните селекторы согласно примеру.
|
|
24.05.2017, 16:32
|
|
Профессор
|
|
Регистрация: 01.12.2016
Сообщений: 3,650
|
|
Сообщение от INSIDER73
|
Не совсем понял как скрипт будет выглядеть?
Так?
$(function() {
$(".item").each(function(indx, el){
var min = $(".q1").text();
var max = $(".q2").text();
min1 = parseInt(min, 10);
max1 = parseInt(max, 10);
for (var i = min1; i < max1; i += 10000)
{ $(".minim").append($('<option value="' + i + '">' + i + '</option>')) }
});
});
|
$(function() {
$(".item").each(function(indx, el){
var min = $(this).children(".q1").text();
var max = $(this).children(".q2").text();
min1 = parseInt(min, 10);
max1 = parseInt(max, 10);
for (var i = min1; i < max1; i += 10000)
{ $(this).children(".minim").append($('<option value="' + i + '">' + i + '</option>')) }
});
});
примерно так.
|
|
24.05.2017, 16:35
|
|
Профессор
|
|
Регистрация: 01.12.2016
Сообщений: 3,650
|
|
Сообщение от laimas
|
Для этого существует параметр step, значением которого можно управлять. По данному вопросу (управление шагом ползунка) и на форуме предостаточно написано.
|
в данном случае step="1".
|
|
|
|