Форум

INSIDER73 · #1 (**permalink**) 24.05.2017, 10:47

В {{::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); 
}

j0hnik · #2 (**permalink**) 24.05.2017, 11:16

тут нужен не push

$("#minim").push(i); 
}

a

$("#minim").append('<option value="'+i+'">'+i+'</option>')

laimas · #3 (**permalink**) 24.05.2017, 11:19

Список не имеет метода .push(), это не массив. Добавлять в него нужно опции (<option></option>)

laimas · #4 (**permalink**) 24.05.2017, 11:20

Сообщение от j0hnik

$('<option value="i">i</option>')

Это работать не будет.

j0hnik · #5 (**permalink**) 24.05.2017, 11:26

Сообщение от laimas

Это работать не будет.

Поправил кавычки

laimas · #6 (**permalink**) 24.05.2017, 11:32

Сообщение от j0hnik

Поправил кавычки

И что? Все равно не будет.

$("#minim").append('<option value="'+i+'">'+i+'</option>')

ksa · #7 (**permalink**) 24.05.2017, 11:34

Или нативными методами...

<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>

j0hnik · #8 (**permalink**) 24.05.2017, 11:55

Сообщение от laimas

И что? Все равно не будет.

$("#minim").append('<option value="'+i+'">'+i+'</option>')

<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>

j0hnik · #9 (**permalink**) 24.05.2017, 13:01

Сообщение от INSIDER73

В {{::min}} и {{::max}} передается минимальное и максимальное значение,я хочу передать в селект значение от min до max,и построить его чтобы было примерно так,если min =1000 а max=5000 ,то строится селект с выборами 1000,1001,1002....5000,но не получается,что делаю не так?

Вообще, не советую пихать в селект 4000 опшенов,
лучше сделать так

<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>

ksa · #10 (**permalink**) 24.05.2017, 13:53

Сообщение от j0hnik

$('#shirR').on('input', function() {
	var rng = $('#shirR').val();
	$('#shir').val(rng);
});

Заменить на

$('#shirR').on('input', function() {
	$('#shir').val(this.value);
});

Форум

Справочник

Discord чат

Курсы javascript