Как запушить значения в select?
В {{::min}} и {{::max}} передается минимальное и максимальное значение,я хочу передать в селект значение от min до max,и построить его чтобы было примерно так,если min =1000 а max=5000 ,то строится селект с выборами 1000,1001,1002....5000,но не получается,что делаю не так?
<div id="q1">{{::min}}</div>
<div id="q2">{{::max}}</div>
<select id="minim" ></select>
var min = $("#q1").text();
var max = $("#q2").text();
min1 = parseInt(min, 10);
max1 = parseInt(max, 10);
for (var i = min1; i < max1; i++)
{
$("#minim").push(i);
}
|
тут нужен не push
$("#minim").push(i);
}
a
$("#minim").append('<option value="'+i+'">'+i+'</option>')
|
Список не имеет метода .push(), это не массив. Добавлять в него нужно опции (<option></option>)
|
Цитата:
|
Цитата:
|
Цитата:
$("#minim").append('<option value="'+i+'">'+i+'</option>')
|
Или нативными методами...
<SELECT ID="oSelect">
<OPTION VALUE="1">One</OPTION>
</SELECT>
<SCRIPT>
var oOption = document.createElement("OPTION");
document.getElementById('oSelect').options.add(oOption);
oOption.innerHTML = "Two";
oOption.Value = "2";
</SCRIPT>
|
Цитата:
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head>
<body>
<select id="minim"></select>
<script>
for (var i = 0; i < 20; i++) {
$("#minim").append('<option value="'+i+'">'+i+'</option>')
}
</script>
</body>
</html>
|
Цитата:
лучше сделать так
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head>
<body>
<input type="text" id="shir" value="1000"><br>
<input type="range" min="1000" max="5000" step="1" value="1000" id="shirR">
<script>
$('#shirR').on('input', function() {
var rng = $('#shirR').val();
$('#shir').val(rng);
});
</script>
</body>
</html>
|
Цитата:
$('#shirR').on('input', function() {
$('#shir').val(this.value);
});
|
| Часовой пояс GMT +3, время: 22:30. |