2015-07-27 3 views
1

У меня есть числовое значение, которое поступает из моей базы данных. Я хочу отобразить раскрывающийся список, основанный на подсчете числа. Например, если число равно 5, тогда мне нужно отобразить 1-5 опций в выпадающем списке. Может ли кто-нибудь навестить меня на этом?Динамически добавить количество опций в раскрывающемся списке

Спасибо за ваши ответы.

+0

вы имеете в виду, если дб возвращение 3, то три

ответ

1

Если база данных возвращает 5 и помещает его в переменной «число» вы можете сделать это:

<form> 
<select id="myid"></select> 
</form> 
<script> 
var number=5; 
var optionList = ""; 
for (var x=1; x<=number; x++) { 
    optionList += "<option>"+x+"</option>"; 
} 
$("select#myid").html(optionList); 
</script> 
+0

Спасибо за ваш ответ. Это точно соответствует моему требованию. –

+0

Рад помочь. Почему бы вам не пометить его как ответ ... – theglossy1

2

Пожалуйста, первый поиск вашу мысль в гугле. Я даю вам пример в PHP Если Ваша база данных даст ответ, как 5 чем код записи, как

<select> 
<?php $i=5; 
for($i;$i<=5;$i++) 
{ 
echo "<option>".$i."</option>"; 
}?> 
</select> 
+0

Не могли бы вы отредактировать свое предложение «Я даю вам пример в php. Если ваша база данных дает ответ, как 5, то правильный код типа» - я не знаю, что это значит. – Cleb

+0

Спасибо за ваш ответ, и это работает. –

+0

@ Cleb извините за это. Мой английский очень плохой bcoz мой родной язык не английский так –

0

Есть ряд, как вы можете это сделать некоторые из них

$('select').append($('<option>', {value:1, text:'One'})); 

или

$('select').append('<option val="1">One</option>'); 

или

var option = new Option(text, value); 
    $('select').append($(option)); 
0

Альтернативное решение для решения @ theglossy1.
Это полезно, если вы хотите объединить большой номер. вариантов,
использовать массив для конкатенации строк

<form> 
<select id="myid"></select> 
</form> 
<script> 
var number=5; 
var ArrayoptionList = []; //Array of Option list 
for (var x=1; x<=number; x++) { 
    ArrayoptionList.push("<option>"+x+"</option>"); 
} 
$("select#myid").html(ArrayoptionList.join("")); 
</script> 

См ниже ссылку

High Performance Concatenation in Javascript

Смежные вопросы