Как мне использовать JavaScript в моем списке опций <select>?

Question

Как я могу использовать

          <select>
          <option>numbers1-100</option>
          </select>

Мне нужно использовать от 1 до 100 чисел в моем списке опций. Типирование всех опций занимает много времени и делает код больше.Работа с использованием для цикла и записи документа. Но я не знаю, как правильно написать код. Как я могу перечислить список опций с помощью сценария Java?Я имею в виду, что java-скрипт должен находиться рядом с моим ярлыком, например

        number : 1-1oo \\ here the options list should be printed

, а число может быть где угодно, но скрипт должен напечатать список параметров рядом с номером.Невозможно понять это. Через час или около того.

Answer 1

Поместите эту функцию в свои теги <script> или включите ее в скрипт. Чем вызывать функцию, createSelectOption() всякий раз, когда вам нужно создать поле выбора.

Вот как бы вы загружали его при загрузке страницы только с помощью javascript: `

function createSelectOption() {    
    var select_option = '<select>';
    for(i = 1; i <= 100; i++) { 
       select_option += '<option value=' + i + '>' + i + '</option>';
    }
    select_option += '</select>';
    document.getElementById('div').innerHTML = select_option;
}

Я включил jsfiddle demo , чтобы показать вам, что он должен работать /

Answer 2

Вы не должны использовать javascript для этого, обычно лучше использовать язык на стороне сервера, такой как php. Вы можете использовать для цикла или в то время как цикл , чтобы сделать это довольно легко

Answer 3

Вот один из способов сделать это.

http://jsfiddle.net/ryh7k/1/

var selectEle = document.getElementById('mySelect'),
    optionEle = undefined;

for (var i=1;i<=100;i++) {
    optionEle = document.createElement('option');
    optionEle.setAttribute('value', i.toString());
    optionEle.innerText = i.toString();
    selectEle.appendChild(optionEle);
}

Answer 4

Простейший случай:

<select>
<script>
for (var i = 1; i < 101; i++) {
document.write('<option value="'+i+'">'+i+'</option>');
}
</script>
</select>

Но с этим, конечно, есть проблемы. Во-первых, люди без JS не увидят никаких опций, и наличие тега SCRIPT внутри SELECT также не очень приятно.

<select id="container"></select>
<script>
var s = document.getElementById('container');
var opts = '';
for (var i = 1; i < 101; i++) {
    opts += '<option value="'+i+'">'+i+'</option>';
}
s.innerHTML = opts;
</script>